Javascript实现页面加载完成后自动刷新一遍清除缓存文件

Posted 2020-07-11 Tech 侠

         我们有些时候在加载页面时，会出现缓存文件对当前文件的表现效果有干扰，如有些缓存的样式文件会是页面效果发生改变，这时我们希望页面在加载时能自动刷新一遍清楚缓存文件。

        但是由于跳转页面肯定会用到BOM部分的window对象的内容来改变当前window，自动改变window几乎不太可能控制window的加载次数，因为每次新window产生一切变量及对象内容都会清掉。这时候可以考虑是否可以通过获取页面跳转加载时原页面传来的信息不同而做判断来控制window是继续跳转还是停止跳转。这时，就可以用到window.location.search这个属性。

   location.search可以获取原页面传来的参数信息，具体代码控制其实很简单，我的原页面为demo.html,如下代码：

  

<script>
    if(window.location.search.indexOf("?")<0){ //判断是否是第一次加载
        alert(window.location.search);
        window.location.href="demo.html?1";
    } else{}  //第二次加载空操作
</script>

　　   这个在某些时候挺实用的，虽然极其简单。