页面返回时，有缓存，强制刷新（2种方法）

最新推荐文章于 2024-04-15 13:55:01 发布

会做饭的技术男

最新推荐文章于 2024-04-15 13:55:01 发布

阅读量1k

点赞数

分类专栏：前端

原文链接：https://www.mk2048.com/blog/blog_h211khhjkikj.html

版权

前端专栏收录该内容

2508 篇文章 11 订阅

订阅专栏

//第一种方法

<!DOCTYPE html>
<html>

<head>
    <title></title>
</head>

<body>
    <script src="js/jquery-2.1.3.min.js"></script>

    <input  id="cacheTest" />
    <script>
        var input = document.querySelector('#cacheTest');

        if (input.value === "") {
            alert("input.value1");
        } else {
            alert("input.value2");
            document.location.reload();
        }
        input.value = "some value";
    </script>
</body>

</html>

　第2种方法：

performanceNavigation.type

返回值应该是0,1,2 中的一个.分别对应三个枚举值:

0 : TYPE_NAVIGATE (用户通过常规导航方式访问页面,比如点一个链接，或者一般的get方式.)

1 : TYPE_RELOAD (用户通过刷新,包括JS调用刷新接口等方式访问页面)

2 : TYPE_BACK_FORWARD (用户通过后退按钮访问本页面)

来源： <http://www.cnblogs.com/_franky/archive/2011/11/07/2238980.html>

$(document).ready(function(){
    var pagNum=performance.navigation.type;
     if(pagNum==2){
         document.location.reload();
    }
 });

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

会做饭的技术男

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
页面返回时，有缓存，强制刷新（2种方法）

//第一种方法<!DOCTYPE html><html><head> <title></title></head><body> <script src="js/jquery-2.1.3.min.js"></script> <input id="cacheTest" /> <script> var input = .
复制链接

扫一扫