`

javascript页面刷新的多种方法

阅读更多
javascript页面刷新的几种方法
 

转自:http://www.cnblogs.com/cfinder010/p/3852360.html
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 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.页面自动刷新:把如下代码加入<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 onload="opener.location.reload()"> 开窗时刷新
<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">
window.opener.document.location.reload()
</script>
分享到:
评论

相关推荐

    Javascript刷新页面的几种方法

    `location.reload()`是最常用的页面刷新方法之一。它会重新加载当前文档,可以带一个可选参数`true`或`false`。如果设置为`true`,则会绕过缓存直接从服务器获取资源;如果不设置,默认值为`false`,可能会从缓存中...

    javascript刷新页面方法小结

    根据提供的文件信息,我们可以总结出JavaScript刷新网页的多种方法及其应用场景。 ### 1. `history.go(0)` `history.go(0)` 是一种简单有效的刷新方法。它通过调用浏览器历史记录对象`history`的方法`go`,并传入...

    javascript 页面刷新和模态对话框 学习总结 推荐哦

    本文介绍了JavaScript中页面刷新的多种方法以及如何在模态对话框中实现页面刷新。这些技术对于Web开发来说非常重要,可以帮助开发者更好地控制页面行为,提升用户体验。通过以上介绍,希望能帮助读者更好地理解和...

    JS当前页面和框架自动刷新的方法

    通过以上分析,我们了解到在JavaScript中,有多种方法可以实现页面或框架内页面的刷新。开发者可以根据具体需求和浏览器兼容性选择合适的方法。对于框架结构的网页,利用`window.parent`和`frames`属性可以精确控制...

    Javascript 刷新框架及页面的方法总集

    ### JavaScript 刷新框架及页面的方法详解 #### 一、引言 在Web开发过程中,有时候我们需要刷新特定的页面或框架,以确保用户看到最新的数据。本文将详细介绍使用JavaScript进行页面和框架刷新的各种方法,并通过一...

    JavaScript刷新页面大全

    JavaScript作为一种客户端脚本语言,提供了多种方法来实现页面的刷新功能。本文将详细介绍几种常见的方式,并给出相应的代码示例。 #### 1. 使用 `window.location.reload()` 这是最简单、最直接的刷新页面方法。`...

    js页面跳转 多种javascript页面中转方法

    本文将详细介绍几种常见的JavaScript页面跳转方法及其应用场景。 ### 1. `window.location.href`属性 #### 实现方式: ```javascript &lt;script language="javascript" type="text/javascript"&gt; window.location....

    js刷新页面方法大全

    总结来说,JavaScript提供了多种方式来刷新页面,包括`location.reload()`、`window.location.href`、`history.go(0)`、过时的`document.execCommand('refresh')`以及利用`meta`标签。开发者应根据具体需求选择合适...

    .net页面刷新方法

    在ASP.NET开发中,页面刷新是常见的需求,它...总之,ASP.NET提供了多种方式来实现页面刷新,开发者可以根据具体需求选择合适的方法。在实际应用中,可能还需要考虑用户体验、页面状态保持等因素,合理地运用这些技巧。

    javascript页面跳转与自动刷新常用代码

    #### 一、JavaScript刷新页面的多种方法 JavaScript提供了多种方式来刷新页面,具体方法如下: 1. **`history.go(0)`** - 这个方法用于重新加载当前文档。 - **示例代码**: ```javascript history.go(0); ``...

    html框架集js刷新页面方法大全.pdf

    我们可以根据需要选择合适的方法来实现刷新页面,并且可以使用多种方法来实现相同的效果。本文总结了七种不同的刷新方法,希望能够帮助读者更好地理解 HTML 框架集页面中的 JavaScript 刷新页面方法。

    javascript刷新

    在探讨“javascript刷新”这一主题时,我们深入到网页开发的核心技术之一——JavaScript,了解如何通过这段小巧却功能强大的脚本语言实现页面刷新。页面刷新是网页应用中一个常见的需求,尤其是在实时数据更新、表单...

    JavaScript多种页面刷新方法小结

    本文将详细探讨两种主要的JavaScript页面刷新方法:`reload`和`replace`,以及它们的使用场景和注意事项。 首先,`reload`方法是用于强制浏览器刷新当前页面的。其基本语法为`location.reload([bForceGet])`。`...

    刷新父窗口的多种方法

    ### 刷新父窗口的多种方法 在Web开发中,经常会出现需要从子窗口或弹出窗口刷新父窗口的情况。这通常发生在使用JavaScript进行页面交互时。本文将详细介绍四种不同的方法来实现这一目标。 #### 1. 弹出子页面刷新...

    js实现刷新当前页面

    JavaScript 提供了多种方法来实现这一需求。本文将详细介绍使用JavaScript刷新当前页面的几种常见方法,并通过具体的示例帮助读者更好地理解和掌握这些技巧。 #### 二、JavaScript 刷新页面的方法 ##### 1. `...

    js页面刷新大全

    在网页开发中,页面刷新是必不可少的一部分,JS 语言提供了多种方式来实现页面刷新。本文将对 JS 页面刷新的方法进行分类和总结,涵盖自动刷新和手动刷新两种方式,并对当前页面和父页面的刷新进行详细讲解。 一、...

    页面刷新实现方法总结

    以下是对多种页面刷新技术的深入解析,旨在帮助开发者选择最适合其需求的方法。 #### 使用`&lt;meta&gt;`标签刷新页面 `&lt;meta&gt;`标签中的`http-equiv`属性可以设置为`refresh`来实现页面定时刷新。通过`content`属性指定...

    防止页面刷新、定时刷新间隔刷新

    在实际开发中,可以通过多种方法来达到这一目的: 1. **使用JavaScript禁止表单重复提交**: - 在表单提交后,可以利用JavaScript禁用提交按钮或表单,从而避免用户重复点击导致的重复提交。 - 示例代码: ```...

Global site tag (gtag.js) - Google Analytics