• 技术文章 >web前端 >js教程

    在JavaScript如何使页面重新加载

    清浅清浅2018-12-13 09:09:14原创1180
    在JavaScript中可以将reload()方法的值设置为true来让页面重新加载

    当我们在浏览页面时,在浏览器思维左上角有一个按钮,让我们去刷新页面,那么在程序里是如何操作的呢,接下来将在文章中和大家介绍在JavaScript中如何实现页面加载技术,有一定的参考价值,希望对大家有所帮助。

    【推荐课程: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页面刷新一次

    <body>
    		<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>

    效果图如下

    未标题-2.jpg

    总结:以上就是本篇文章的全部内容了,希望通过篇文章可以让大家对JavaScript页面加载有一定的了解。

    以上就是在JavaScript如何使页面重新加载的详细内容,更多请关注php中文网其它相关文章!

    phpstudy集成环境下载
    专题推荐:reload()
    上一篇:node.js如何为PDF添加水印(代码示例) 下一篇:ES6中模块Module的详细介绍(附示例)

    相关文章推荐

    • window.location.reload 刷新使用分析(去对话框)_基础知识• window.location.reload()方法刷新页面弹出要再次显示该网页对话框_javascript技巧• js刷新页面location.reload()用法

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网