首页 > web前端 > js教程 > 正文

JS页面刷新的方法总结

黄舟
发布: 2017-11-16 14:16:51
原创
4596人浏览过

我们在前面介绍了javascript刷新页面location.reload()的用法,其实在js中刷新页面的方法有很多种,这只是其中的一种,那么今天我们就带大家学习下js刷新页面的方法总结!

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 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.页面自动刷新:把如下代码加入区域中

<meta http-equiv="refresh" content="20">
登录后复制

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

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

<meta http-equiv="refresh" content="20;url=http://www.php.cn">
登录后复制

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

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中刷新页面的方法,其中主要讲解了比较常用的几种方法,小伙伴们可以根据自己的需求选择适合自己的方法!

相关推荐

JavaScript刷新页面location.reload()的用法


JS刷新页面总和!多种JS刷新页面代码!


js刷新页面方法大全

以上就是JS页面刷新的方法总结的详细内容,更多请关注php中文网其它相关文章!

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移,垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是,许多工具可以让 Windows 保持平稳运行。

下载
来源:php中文网
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
最新问题
开源免费商场系统广告
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号