javascript页面刷新的几种方法

内容摘要
这篇文章主要为大家详细介绍了javascript 页面刷新的几种方法,具有一定的参考价值,可以用来参考一下。
文章正文

这篇文章主要为大家详细介绍了javascript 页面刷新的几种方法,具有一定的参考价值,可以用来参考一下。

window.location.reload(),window.history.go(0)和document.execCommand(''Refresh''),这三个方法是最快速的。
其他的都有明显的浏览器滚动条的出现。对此感兴趣的朋友,看看idc笔记做的技术笔记。
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.hrefJavascript刷新页面的几种方法:
1 history.go(0)2 location.reload()3 location=location4 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.512pic.com">
其中20指隔20秒后跳转到http://www.512pic.com页面3.页面自动刷新js版
<script language="JavaScript">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>
如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。
<body onl oad="opener.location.reload()"> 开窗时刷新<body onUnload="opener.location.reload()"> 关闭时刷新<script language="javascript">window.opener.document.location.reload()</script>

注:关于javascript 页面刷新的几种方法的内容就先介绍到这里,更多相关文章的可以留意

代码注释

作者:喵哥笔记

IDC笔记

学的不仅是技术,更是梦想!