Rumah > Artikel > hujung hadapan web > JS页面刷新的方法总结

JS页面刷新的方法总结

黄舟asal: 2017-11-16 14:16:514369semak imbas

我们在前面介绍了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刷新页面方法大全

Atas ialah kandungan terperinci JS页面刷新的方法总结. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：JavaScript刷新页面location.reload()的用法Artikel seterusnya：JavaScript中Foreach语法详解

Artikel berkaitan

Lihat lagi