zoukankan      html  css  js  c++  java
  • html5手机返回按钮跳转到指定页面问题

        最近在做活动的时候有一个这样的场景,在主页面点击跳出一个弹层表单,填写完信息后,点击确认跳转到指定的展示页面了。这时候在手机端点击浏览器自带的返回按钮后,回到主页面,这时候主页面无法刷新,弹层信息还在。所以采用了html5的一个方法让展示页面返回时跳转到指定页面

           index.html是我的主页面,在该页面有个弹层表单;

           show.html是我的展示页面,在该页面有返回按钮监听的方法

    show.html页面添加下面脚本,监听跳转到首页地址:

    window.onpopstate = function(event) {
    	location.href = "index.html";
    };

    添加并激活一个历史记录条目:

    history.pushState({}, "title 1", "#");

    经测试,在返回主页面的时候其实是重新加载了页面,正好达到我的目的,解决了返回时无法刷新页面的问题。

    by as

  • 相关阅读:
    Hibernate使用笔记
    svn树冲突的解决方法
    SVN 清理失败的解决方法
    类的实现
    lua元表
    lua中table的常用方法
    C/C++作用域运算符::
    Cocos2d-x Lua 学习
    Lua学习
    吾 三十而望
  • 原文地址:https://www.cnblogs.com/widgetbox/p/9716951.html
Copyright © 2011-2022 走看看