网页通过页面回退按钮或者回退事件window.history.back()重新加载显示时，执行刷新页面的操作

潜心学徒

已于 2022-09-15 16:55:05 修改

阅读量1.2k

点赞数 1

分类专栏： JAVA 文章标签： javascript 开发语言 ecmascript

于 2022-06-10 09:30:34 首次发布

本文链接：https://blog.csdn.net/qq_38649702/article/details/125215416

版权

JAVA 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

判断页面为通过后退进入的时，重新加载页面刷新

window.performance.navigation.type == 2 通过后退返回该页面
event.persisted 从缓存获取数据时为true，否则为false

window.addEventListener('pageshow', function (event) {
        if (event.persisted || window.performance && 
            window.performance.navigation.type == 2) 
        {
            location.reload();
        }
    },false);

window.performance.navigation字段统计的是一些网页导航相关的数据：

redirectCount:重定向的数量（只读），但是这个接口有同源策略限制，即仅能检测同源的重定向；
type 返回值应该是0,1,2 中的一个。分别对应三个枚举值:
0 : TYPE_NAVIGATE (用户通过常规导航方式访问页面，比如点一个链接，或者一般的get方式)
1 : TYPE_RELOAD (用户通过刷新，包括JS调用刷新接口等方式访问页面)
2 : TYPE_BACK_FORWARD (用户通过后退按钮访问本页面)
关于window.performance的更多知识，请参考window.performance