html页面打开时只重新刷新一次

如何实现html在每次打开时，都默认重新刷新一次，而且刷新后不会再次自动刷新，也就是值刷新一次，我们应该怎么通过js代码实现呢？其实非常简单，我们一起来看下代码！

js实现只重新刷新一次

我们直接看js代码，如下：

<script>
      window.onload=function () {
          var url = document.location.href;
          if(url.indexOf("refreshed=")==-1){
              var time = new Date();
              window.location.href=url+"?refreshed="+time.getTime();
          }
      }
  </script>

原理就是在html页面加载后，我们判断当前页面请求地址是否有refreshed参数，如果没有则表示尚未刷新，则刷新页面并在请求地址后面新增refreshed参数，其值为当前时间戳即可，这样当刷新后，再去执行该方法时，则发现已经有了refreshed参数，说明已经刷新过了，则不会再次刷新。

就这样轻松就实现了html页面打开时只重新刷新一次的要求。

如何实现定时刷新html页面

如果你有需要定时刷线html页面，那就更加简单，有多种方法：

1）使用meta

<meta http-equiv="refresh" content="10">

表示每10秒刷新一次。

2）可以指定刷新的页面地址，比如这里指向我的博客地址

<meta http-equiv="refresh" content="10;url=http://www.panziye.com">

3）使用js脚本

<script language="JavaScript">
    //指定10秒刷新一次
    setTimeout(function(){location.reload()},10000); 
    
</script>

以上就是html页面打开时只重新刷新一次的全部内容，希望对你有帮助！

喜欢 (0)赏

【请潘老师喝杯Coffee吧！】

分享 (0)