首页 >web前端 >js教程 >JS页面刷新的方法总结

JS页面刷新的方法总结

黄舟原创: 2017-11-16 14:16:514445浏览

我们在前面介绍了JavaScript刷新页面location.reload()的用法，其实在JS中刷新页面的方法有很多种，这只是其中的一种，那么今天我们就带大家学习下JS刷新页面的方法总结！

window.location.reload()，window.history.go(0)和document.execCommand(''Refresh'')，这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。
Javascript刷新页面的几种方法：
1 history.go(0)
除非有d13fc09fc3a61027bf4a1ae346cec7e0等需在服务端解释才能生成的页面代码,否则直接读取缓存中的数据
不刷新
2 location.reload()
要重新连服务器以读得新的页面(虽然页面是一样的)
刷新
3 location=location
要在javascript中导航，不是调用window对象的某个方法，而是设置它的location.href属性，location属性是每个浏览器都支持的。比如：

<span onclick=”javascript:window.location.href=’#top’”>top</span>

执行后有后退、前进
4 location.assign(location)
加载 URL 指定的新的 HTML 文档。就相当于一个链接，跳转到指定的url，当前页面会转为新页面内容，可以点击后退返回上一个页面。
5 document.execCommand('Refresh')
6 window.navigate(location)
MSDN说的window.navigate(sURL)方法是针对IE的，不适用于FF，在HTML DOM Window Object中，根本没有列出window.navigate方法。
7 location.replace(location)
执行后无后退、前进
通过加载 URL 指定的文档来替换当前文档，这个方法是替换当前窗口页面，前后两个页面共用一个
窗口，所以是没有后退返回上一页的
8 document.URL=location.href

Javascript刷新页面的几种方法：
1 history.go(0)
2 location.reload()
3 location=location
4 location.assign(location)
5 document.execCommand('Refresh')
6 window.navigate(location)
7 location.replace(location)
8 document.URL=location.href

自动刷新页面的方法: javascript自动刷新页面方法详解
1.页面自动刷新：把如下代码加入93f0f5c25f18dab9d176bd4f6de5d30e区域中

<meta http-equiv="refresh" content="20">

其中20指每隔20秒刷新一次页面.

2.页面自动跳转：把如下代码加入93f0f5c25f18dab9d176bd4f6de5d30e区域中

<meta http-equiv="refresh" content="20;url=http://www.php.cn">

其中20指隔20秒后跳转到http://www.php.cn页面

3.页面自动刷新js版

c9b2223153d8e39163b0aa064e06fe9efunction myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次2cacc6d41bbb37262a98f745aa00fbf0

JS刷新框架的脚本语句

//如何刷新包含该框架的页面用 
<script language=JavaScript>
parent.location.reload();
</script>

//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script> www.jbxue.com
(　或　<a href="javascript:opener.location.reload()">刷新</a> )

//如何刷新另一个框架的页面用 
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>

如果想关闭窗口时刷新或者想开窗时刷新的话，在6c04bd5ca3fcae76e30b72ad730ca86d中调用以下语句即可。

<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">
window.opener.document.location.reload()
</script>

总结：

本文通过实例讲述了JavaScript中刷新页面的方法，其中主要讲解了比较常用的几种方法，小伙伴们可以根据自己的需求选择适合自己的方法！

相关推荐：

JavaScript刷新页面location.reload()的用法

JS刷新页面总和！多种JS刷新页面代码!

js刷新页面方法大全

以上是JS页面刷新的方法总结的详细内容。更多信息请关注PHP中文网其他相关文章！

声明：

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn

上一篇：JavaScript刷新页面location.reload()的用法下一篇：JavaScript中Foreach语法详解

查看更多