html5手机返回按钮跳转到指定页面问题

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

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

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

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

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

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

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

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

by as

转载于:https://www.cnblogs.com/widgetbox/p/9716951.html

html5手机返回按钮跳转到指定页面问题相关推荐

浏览器返回按钮跳转到指定页面
浏览器返回按钮跳转到指定页面在使用手机浏览器打开网页时,我们会发现有时候点击浏览器下方的返回按钮,并未返回到首页,而是会跳转到其他页面. 怎么实现呢,下面跟大家简单分享一下: 1.改变浏览器回退的历 ...
微信小程序左上角返回按钮跳转到指定页面
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. 在当前页面的 onUnload 执行页面跳转 onUnload: function () {wx.reLaun ...
js拦截物联返回键跳转到指定页面
js网页拦截物联返回键跳转到指定页面 <script type="text/javascript"> $(document).ready(function () {if ...
React-Navigation的goBack()跳转到指定页面，以及不同栈之间的页面的返回操作
背景: 在做项目时使用React-Navigation进行页面管理.有两个需求 1:在我的中进入界面,从主界面A进入B,B进入C,C进入D,在D中点击返回键要求直接返回到A中. 2:从当前的通讯录中的 ...
html页面中使用 JS 返回上一页及返回上一页并刷新，iframe中打开指定页面，跳转到指定页面
html页面中使用 JS 返回上一页及返回上一页并刷新,iframe中打开指定页面,跳转到指定页面. 常用方法: window.history.go(-1); //返回上一页 window.histo ...
js利用tab键切换当前页面_JavaScript跳转到指定页面并且到指定的tab切换窗口
JavaScript跳转到指定页面并且到指定的tab切换窗口案例的解析就是点击A页面的第一个的切换窗口的按钮跳转到B页面,再点击B页面的按钮跳转到A页面的第二个窗口,这个实现的效果有三种方法,下面的 ...
android点击通知跳转到服务,Android 接收推送消息跳转到指定页面的方法
问题的提出本次接入的是个推,其他家的推送没有研究过,思路应该是类似的 App在前台,这个时候需要弹出一个对话框,提醒用户有新的消息,是否要查看,查看的话跳转到指定页面 App在后台,或是App进程已 ...
Android studio实现多个按钮跳转多个页面
Android studio实现多个按钮跳转多个页面 Android studio通过多个按钮实现多个页面的跳转要求下一个页面有音频.图片.单选按钮(RadioGroup)和复选框(CheckBox ...
js 跳转到指定页面
1,超连接方式跳转. 标签,<a href="xx.jsp" >,这种方式. 2,按钮方式跳转,写个js函数. //单独添加一个链接,实现跳转: <input t ...

html5手机返回按钮跳转到指定页面问题

html5手机返回按钮跳转到指定页面问题相关推荐

最新文章

热门文章