如何实现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.frpkj.com"> 

3)使用js脚本

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

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