js刷新当前页面,js实现页面自动刷新、跳转的方法总汇

摘要:Javascript刷新当前页面:history.go(0)、location.reload()、location=location、location.assign(location)、document.execCommand(Refresh)、location.replace(location)等,Javascript页面自动刷新、跳转,如每隔多少秒刷新一次页面.

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


总结:

其中window.location.reload(),window.history.go(0)和document.execCommand(''Refresh''),这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。  


Javascript页面自动刷新、跳转

1.自动刷新

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

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


2.自动跳转

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

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


3.自动刷新js版

<script language="JavaScript">
functionrefresh(){
  window.location.reload();
}
setTimeout('refresh()',1000); //指定1秒刷新一次
</script>


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>


如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。  

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

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


本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!

链接: https://shenqiku.cn/article/FLY_261