javascript页面刷新的几种方法

javascript refresh page 几种页面刷新的方法

本节内容：Javascript刷新当前页面的方法与实例。

window.location.reload()，window.history.go(0)和document.execCommand(’‘Refresh’’)，这三个方法是最快速的。其他的都有明显的浏览器滚动条的出现。
Javascript刷新页面的几种方法：
1 history.go(0)
除非有<%…%>等需在服务端解释才能生成的页面代码,否则直接读取缓存中的数据
不刷新
2 location.reload()
要重新连服务器以读得新的页面(虽然页面是一样的)
刷新
3 location=location
要在javascript中导航，不是调用window对象的某个方法，而是设置它的location.href属性，location属性是每个浏览器都支持的。比如：
<span οnclick=”javascript:window.location.href=’#top’”>top
执行后有后退、前进
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.页面自动刷新：把如下代码加入区域中

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

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

其中20指隔20秒后跳转到http://www.jbxue.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> www.jbxue.com
(　或　<a href="javascript:opener.location.reload()">刷新</a> )//如何刷新另一个框架的页面用
<script language=JavaScript>
parent.另一FrameID.location.reload();
</script>

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

<body onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新<script language="javascript">
window.opener.document.location.reload()
</script>

javascript页面刷新的几种方法相关推荐

【Vue】实现当前页面刷新的四种方法
目录前言方法一:location.reload 方法二:$router.go(0) 方法三:provide.inject和$nextTick 方法四:创建空白页前言这两周在写一个后台管理,每次 ...
微信小程序---页面刷新的几种方法
话不多说,首先附上两个链接,表示感谢: 微信小程序如何刷新当前界面微信小程序----返回上一页刷新或当前页刷新要解决的问题:如下图所示,当点击立即借书成功之后,把请求回来的数据中的借书单数量显示到 ...
js刷新页面有哪几种方法
js刷新页面有哪几种方法一.总结一句话总结:location属性的reload方法即可:document.location.reload() 1.页面刷新有哪常见的8种方法? 1,history. ...
js 跳转页面并刷新的几种方法
一:跳转页面并刷新的几种方法: <a href="javascript:history.go(-1)">返回上一页</a> <a href ...
JavaScript页面刷新的方法
1,reload方法该方法强迫浏览器刷新当前页面. 语法:location.reload() 2,replace方法当使用replace方法之后,不能通过"前进"和" ...
js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法
js捕捉IE窗口失去焦点事件,判断离开页面刷新或关闭的方法 javascript如何捕捉IE窗口失去焦点事件 window.onblur = function(e) { //you code }; 弹 ...
JavaScript 获得对象的N种方法 [转]
JavaScript 获得对象的N种方法 [转] 方法如下: document.getElementById(ID) //获得指定ID值的对象 document.getElementsB ...
Vue页面刷新的三种方式
vue页面刷新的三种方式由于功能需求,需要离开页面前告知用户是否需要丢弃未保存的数据,这时候切换的菜单会失效,但是菜单依然会高亮错误.所以要进行一次页面刷新. 方法一原地页面刷新 this.$ro ...
html整体页面缩放的方法,html5中让页面缩放的4种方法
1.viewport 这种方法,不是所有的浏览器都兼容 2.百分比这种方法,可以兼容大部分浏览器,但是修改幅度比较大 .main .login .txt1{margin-top:8.59375%; ...
JS 监控页面刷新,关闭事件的方法（转载）
JS 监控页面刷新,关闭事件的方法(转载) 已有 149 次阅读 2011-8-30 11:37 |个人分类:web|系统分类:创意设计|关键词:JS,刷新,关闭都是为了学习-- onbefore ...

javascript页面刷新的几种方法

javascript页面刷新的几种方法相关推荐

最新文章

热门文章