html5⼿机返回按钮跳转到指定页⾯问题
html手机网站最近在做活动的时候有⼀个这样的场景,在主页⾯点击跳出⼀个弹层表单,填写完信息后,点击确认跳转到指定的展⽰页⾯了。这时候在⼿机端点击浏览器⾃带的返回按钮后,回到主页⾯,这时候主页⾯⽆法刷新,弹层信息还在。所以采⽤了html5的⼀个⽅法让展⽰页⾯返回时跳转到指定页⾯
index.html是我的主页⾯,在该页⾯有个弹层表单;
show.html是我的展⽰页⾯,在该页⾯有返回按钮监听的⽅法
show.html页⾯添加下⾯脚本,监听跳转到⾸页地址:
location.href = "index.html";
};
添加并激活⼀个历史记录条⽬:
history.pushState({}, "title 1", "#");
经测试,在返回主页⾯的时候其实是重新加载了页⾯,正好达到我的⽬的,解决了返回时⽆法刷新页⾯的问题。
by as