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

文
章
目
录

• js实现只重新刷新一次
• 如何实现定时刷新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页面打开时只重新刷新一次的全部内容，希望对你有帮助！