javascript - 关于刷新,页面跳转的问题
高洛峰
高洛峰 2017-04-11 12:22:17
[JavaScript讨论组]

我有A,B两个页面,点击A页面里的一个按钮,然后页面跳转到B页面,
在B页面里,手动刷新一下,然后再跳转回A页面,请问这个可以实现吗?怎么实现?

高洛峰
高洛峰

拥有18年软件开发和IT教学经验。曾任多家上市公司技术总监、架构师、项目经理、高级软件工程师等职务。 网络人气名人讲师,...

全部回复(5)
PHP中文网

。。。。b页面刷新可以到a页面。。。你这应该做成单页应用,A页面有对应的路由,同时有个按钮可以显示b页面,但是b没有对应路由,此时url还是对应A,刷新就是A了

伊谢尔伦

你的问题不明确啊,首先点击A页面的按钮跳转到B页面,那b页面是另外一个窗口吗。还是只是一个窗口,你的问题其实是,怎么再次从B页面调转到原来的A页面吗?
如果是这样的话,你调转到B页面的时候把A页面的url放到B页面的url上,然后在B页面获取Url的参数(A页面的url),然后进行跳转就行了。

黄舟

最简单的实现方式,在页面顶一个参数,比如

var LoaderTag = false;
window.onload = function(){
    LoaderTag = true;//页面加载完成设置成true
}
window.onbeforeunload = function(){
  if(LoaderTag){//页面刷新时如果此参数为true表示是用户在操作页面刷新
       //执行跳转动作
  }
}
伊谢尔伦
    // a 页面
    <input type="button" onclick="fn()" value="按钮" />
    <script type="text/javascript">
    function fn(){
        window.location.href = 'b.html';
        sessionStorage.flag = 'true';
    }
    </script>
    // b 页面
    <h3>b页面</h3>
    <script type="text/javascript">
    if (sessionStorage.flag === 'true'){
        sessionStorage.flag = 'refresh';
    }
    else if (sessionStorage.flag === 'refresh'){
        sessionStorage.flag = '';
        window.location.href = 'a.html';
            }
    </script>
巴扎黑

赞同楼上@tudewutong的说法,必须得做成单页面应用。另外附上张鑫旭大神的文章,介绍了一个很好的解决方案,可以去了解一下。

获取上一访问页面URL地址document.referrer实践

小tips: 页面链接跳转历史URL不记录的兼容处理

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号