微信 返回键 跳转指定页面
2017-07-14 15:39
225 查看
摘要:微信框架内的返回键,默认跳转上一页,如果想要改写需要用到的监听事件是onpopstate,以及历史记录编辑方法pushSate,同时微信内刷新页面无法使用reload方法,这也是一个坑。
具体实现代码:
var state = false;
setTimeout(function(){state = true; },500);//设置定时器是因为页面跳转就会触发onpopstate事件
history.pushState({'page':1},'',window.location.href);//先往历史记录里面存上当前页面
window.onpopstate = function(){
if (state) {
history.pushState({'page':2},'','url'+window.location.search);//点击返回键,触发监听事件,url是想要跳转的页面地址,存到历史记录里,地址栏改变
window.location.href = window.location.href;//刷新页面,网上有说需要在后面加一个随机数,我是没加就生效了
}
}
具体实现代码:
var state = false;
setTimeout(function(){state = true; },500);//设置定时器是因为页面跳转就会触发onpopstate事件
history.pushState({'page':1},'',window.location.href);//先往历史记录里面存上当前页面
window.onpopstate = function(){
if (state) {
history.pushState({'page':2},'','url'+window.location.search);//点击返回键,触发监听事件,url是想要跳转的页面地址,存到历史记录里,地址栏改变
window.location.href = window.location.href;//刷新页面,网上有说需要在后面加一个随机数,我是没加就生效了
}
}
相关文章推荐
- 微信返回跳转到指定页面js
- 页面跳转---页面可以跳到(指定页面)任何页,也可以返回到(指定页面)任何页
- 使用pushState实现微信“返回”按钮控制单页应用页面的无刷新跳转
- 微信返回时页面很卡或者页面跳转有问题
- IOS微信中看文章跳转页面后点击返回无效
- 使用pushState实现微信“返回”按钮控制单页应用页面的无刷新跳转
- 微信小程序 详解页面跳转与返回并回传数据
- iOS跳转到指定页面,而不是简单的返回上一个页面
- servlet返回确认消息框后跳转到指定页面
- 从fragment跳转到activity,再返回到指定的fragment页面
- 从fragment跳转到activity , 返回到指定fragment页面
- 微信6.66版本浏览器网页唤起微信app跳转到指定任意页面二维码识别方法ticket生成
- 微信WEB开发中监听浏览器返回按钮事件强制返回指定页面
- 手机浏览器跳转微信指定页面 及 跳转微信公众号一键关注
- 历史返回,若无页面则跳转到指定页面
- 浏览器网页网址唤起微信app跳转到指定任意页面二维码识别方法ticket生成研究
- js点击返回跳转到指定页面实现过程
- 历史返回,若无页面则跳转到指定页面
- iOS层级跳转(UINavigationController跳转返回到指定的页面)
- ios微信跳转页面后,点击返回无效