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</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.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv="refresh" content="20;url=http://www.jbxue.com">
其中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>中调用以下语句即可。

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

js(javascript)页面刷新相关推荐

  1. JS 监控页面刷新,关闭 事件的方法(转载)

    JS 监控页面刷新,关闭 事件的方法(转载) 已有 149 次阅读 2011-8-30 11:37 |个人分类:web|系统分类:创意设计|关键词:JS,刷新,关闭 都是为了学习-- onbefore ...

  2. html如何只刷新页面指定,js控制页面刷新 JS刷新当前页面的几种方法总结

    JavaScript location.reload() 方法 Location 对象的 reload() 方法用于重新加载当前文档(页面),语法如下: location.reload( false| ...

  3. Js控制页面刷新(局部刷新全页面刷新)

    局部刷新: 这个方法就多了去了,常见的有以下几种: $.get方法,$.post方法,$.getJson方法,$.ajax方法如下 前两种使用方法基本上一样  $.get("Default. ...

  4. onbeforeunload不触发_用js判断页面刷新或关闭的方法(onbeforeunload与onunload事件)

    Onunload,onbeforeunload都是在刷新或关闭时调用,可以在 Onbeforeunload也是在页面刷新或关闭时调用,Onbeforeunload是正要去服务器读取新的页面时调用,此时 ...

  5. javascript 页面刷新

    Javascript刷新页面的几种方法: 1    history.go(0) 2    location.reload() 3    location=location 4    location. ...

  6. JavaScript页面刷新的方法

    1,reload方法 该方法强迫浏览器刷新当前页面. 语法:location.reload() 2,replace方法 当使用replace方法之后,不能通过"前进"和" ...

  7. js控制页面刷新大全

    一点点补充 1.window.open之后,子页面关闭之前刷新子页面,目前测试过的刷新方法: 1.1 window.opener.location.reload(); 该方式使用时会提示你是否确定刷新 ...

  8. JS实现页面刷新和重新加载功能(关闭当前窗口)

    一.刷新或重新加载当前页面 序号 方法 1 history.go(0) 2 location.reload() 3 location=location 4 location.assign(locati ...

  9. javascript页面刷新与定时跳转页面

    1.页面自动刷新:把以下代码放入<head>区域中 <meta http-equiv="refresh" content="20"> 其 ...

最新文章

  1. python 服务器端_python实现服务器端
  2. 十步优化SQL Server中的数据访问
  3. Qute模板与Quarkus
  4. 聊聊elasticsearch的RoutingService
  5. 常用数据挖掘算法简介
  6. CSDN写博客提交后的网络交互
  7. .NET的Snk使用方法
  8. 手把手教你入门Git --- Git使用指南(Linux)
  9. Spring cloud开发内存占用过高解决方法
  10. CCF201612-1 中间数(解法三)(100分)(废除!!!)
  11. Python学习笔记25:接口类、抽象类和封装
  12. python函数进阶小结_Python 函数3000字使用总结
  13. c语言中为什么无法输入文件,Devc写C语言时无法输入文件内容
  14. “C语言之父”40年前搞的操作系统复活!Linux、Windows都借鉴过它
  15. 实现isprime函数python,怎样才能实现IsPrime()函数
  16. 360 Pika 主从配置
  17. 用python检测微信好友是否删除自己
  18. 84、举办大型群众性活动的消防安全要求
  19. Oracle CTAS
  20. 有些爱意,在岁月中飘遥

热门文章

  1. 给微信新增的群接龙功能加一个AI, 增长黑客必备技能
  2. 一本通1360:奇怪的电梯(lift)
  3. 1315: 小鱼比可爱
  4. EAS报表开发----收付明细
  5. Charles使用及常用功能介绍
  6. Windows10反复出现“无法完成更新,正在撤销更新”
  7. VGA、HDMI、DP你都懂吗?显示接口大盘点
  8. 王佩丰 Excel 基础24讲 | 学习笔记(全)
  9. 飞腾S2500平台PCIe SWITCH下热插拔验证
  10. C++微信网页协议实现和应用