html5手机返回按钮跳转到指定页面问题
2024-09-03 04:58:02
最近在做活动的时候有一个这样的场景,在主页面点击跳出一个弹层表单,填写完信息后,点击确认跳转到指定的展示页面了。这时候在手机端点击浏览器自带的返回按钮后,回到主页面,这时候主页面无法刷新,弹层信息还在。所以采用了html5的一个方法让展示页面返回时跳转到指定页面
index.html是我的主页面,在该页面有个弹层表单;
show.html是我的展示页面,在该页面有返回按钮监听的方法
show.html页面添加下面脚本,监听跳转到首页地址:
window.onpopstate = function(event) {
location.href = "index.html";
};
添加并激活一个历史记录条目:
history.pushState({}, "title 1", "#");
经测试,在返回主页面的时候其实是重新加载了页面,正好达到我的目的,解决了返回时无法刷新页面的问题。
by as
最新文章
- Android开发学习—— ContentProvider内容提供者
- Linux2 在Linux(CentOS)上配置SSH免登陆
- shiro 实现单用户登录,一个用户同一时刻只能在一个地方登录
- ODP方式,大批量数据写入ORACLE数据库
- 解决openssl: error while loading shared libraries: libssl.so.1.1: cannot open shared object file: No such file or directory错误
- c# 类型拷贝
- php正则表达式判断是否为ip格式
- NOIP2011 观光公交
- [BZOJ 1085] [SCOI2005] 骑士精神 [ IDA* 搜索 ]
- 我对Backbone中url属性的理解
- ViewPager的使用方法和实现过程
- Redis安全
- 利用 html的锚点(元素a)功能实现ajax单页面应用的浏览器后退前进功能
- SQL储存过程
- 【js】name 与 array 的纠葛 - 坑
- vue.js移动端app实战3:从一个购物车入门vuex
- css的padding和border问题
- CentOS7+mysql5.6配置主从
- VirtualBox虚拟机克隆迁移步骤
- 【转】Linux查看系统是32位还是64位方法总结
热门文章
- DFS:HDU1518-Square(剪枝较多的DFS)
- Linux下安装nginx,以及启动和停止
- getsupportfragmentmanager 没有这个方法
- flex布局之flex-grow和flex-shrink如何计算
- SpringBoot中Async异步方法和定时任务介绍
- ROM+VGA 图片显示
- JavaScript: __proto__和prototype
- 简单Dp----最长公共子序列,DAG最长路,简单区间DP等
- ZigBee学习二 LED点对点通信
- The following signatures couldn't be verified because the public key is not available 解决方法