javascript 页面刷新的几种方法
人气：634 时间：2018-09-20
这篇文章主要为大家详细介绍了javascript 页面刷新的几种方法，具有一定的参考价值，可以用来参考一下。
window.location.reload()，window.history.go(0)和document.execCommand(''Refresh'')，这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。感兴趣的小伙伴，下面一起跟随四海网的小编罗X来看看吧。
Javascript刷新页面的几种方法：
1） history.go(0)
除非有<%..%>等需在服务端解释才能生成的页面代码,否则直接读取缓存中的数据不刷新
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
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.页面自动刷新：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.2.页面自动跳转：把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.q1010.com">
其中20指隔20秒后跳转到http://www.q1010.com页面3.页面自动刷新js版
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>
JS刷新框架的脚本语句
//如何刷新包含该框架的页面用
<script language=JavaScript>
parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a> )
//如何刷新另一个框架的页面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>
<script language=JavaScript>
parent.location.reload();
</script>
//子窗口刷新父窗口
<script language=JavaScript>
self.opener.location.reload();
</script>
( 或 <a href="javascript:opener.location.reload()">刷新</a> )
//如何刷新另一个框架的页面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>
如果想关闭窗口时刷新或者想开窗时刷新的话，在<body>中调用以下语句即可。
<body onl oad="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>
<body onUnload="opener.location.reload()"> 关闭时刷新
<script language="javascript">
window.opener.document.location.reload()
</script>
本文来自：http://www.q1010.com/174/603-0.html
注：关于javascript 页面刷新的几种方法的内容就先介绍到这里，更多相关文章的可以留意四海网的其他信息。
关键词：页面刷新
您可能感兴趣的文章
四海网收集整理一些常用的php代码,JS代码,数据库mysql等技术文章。