Javascript如何使页面重新加载

当我们在浏览页面时,在浏览器思维左上角有一个按钮,让我们去刷新页面,那么在程序里是如何操作的呢

要实现页面加载就需要用到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>


内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://sulao.cn/post/163.html