当我们在浏览页面时,在浏览器思维左上角有一个按钮,让我们去刷新页面,那么在程序里是如何操作的呢
要实现页面加载就需要用到reload()方法,这个方法的用处就是重新加载当前文档
reload() 方法
location.reload()
我们将reload()的值设置为true时,它都会绕过缓存,从服务器上重新下载文档,就跟我们每次点击浏览器的刷新按钮一样。
如果将该方法设置为false或者不设置参数时,它就会用 HTTP 头 中If-Modified-Since 来检测服务器上的文档是否已经发生改变,如果文档已经发生改变,则reload() 会再次下载该文档;如果文档未发生改变,则该方法将从缓存中装载文档。
例:
<body> <input type="button" value="刷新" onclick="document.location.reload(true);"> <p>点击上面的按钮会刷新页面</p> <img src="images/1.jpg"style="width:150px;height: 100px;"> </body>
我们还可以设置时间,比如隔多少时间页面刷新一次
例:设置隔5s页面刷新一次
<p>页面隔5s会刷新一次</p> <img src="images/1.jpg"style="width:150px;height: 100px;"> <script type="text/javascript"> function timedReload(time){ setTimeout("location.reload(true);",time); } window.onload=timedReload(5000); </script>
我们可以设置一个弹出框按钮,当我们点击刷新时会弹出一个对话框,当点击确定时页面刷新,点击取消时页面不刷新
例:
<p><a href="javascript:sureReload();">刷新</a></p> <img src="images/1.jpg"style="width:150px;height: 100px;"> <script type="text/javascript"> function sureReload(){ var sure=confirm("你确定刷新页面吗?"); if(sure==true){ setTimeout("location.reload(true);",5000); } } </script>