JS刷新页面的种种

Location 对象

包含有关当前 URL 的信息,是 Window 对象的一个部分,可通过 window.location 属性来访问,存储在 Window 对象的 Location 属性中,表示那个窗口中当前显示的文档的 Web 地址。它的 href 属性存放的是文档的完整 URL,其他属性则分别描述了 URL 的各个部分。这些属性与 Anchor 对象(或 Area 对象)的 URL 属性非常相似。当一个 Location 对象被转换成字符串,href 属性的值被返回。这意味着你可以使用表达式 location 来替代 location.href。

Location 对象方法

assign() 方法

定义和用法

assign() 方法可加载一个新的文档。

语法

location.assign(URL)

实例

[html]
<html>
<head>
<script type="text/javascript">
function newDoc(){
window.location.assign(<a href="../">http://www.biao166.cn</a>)
}
</script>
</head>
<body>
<input type="button" value="Load new document" onclick="newDoc()" />
</body>
</html>
[/html]

reload() 方法

定义和用法

reload() 方法用于重新加载当前文档。

语法

location.reload(force)

说明

如果该方法没有规定参数,或者参数是 false,它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变,reload() 会再次下载该文档。如果文档未改变,则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。

如果把该方法的参数设置为 true,那么无论文档的最后修改日期是什么,它都会绕过缓存,从服务器上重新下载该文档。这与用户在单击浏览器的刷新按钮时按住 Shift 健的效果是完全一样。

实例

[html]
<html>
<head>
<script type=”text/javascript”>
function reloadPage(){window.location.reload()}
</script>
</head>
<body>
<input type=”button” value=”Reload page” onclick=”reloadPage()” />
</body>
</html>
[/html]

replace() 方法

定义和用法

replace() 方法可用一个新文档取代当前文档。

语法

location.replace(newURL)

说明

replace() 方法不会在 History 对象中生成一个新的纪录。当使用该方法时,新的 URL 将覆盖 History 对象中的当前纪录。

实例

下面的例子将使用 replace() 方法来替换当前文档:
[html]
<html>
<head>
<script type=”text/javascript”>
function replaceDoc(){
window.location.replace(“http://www.w3school.com.cn”)
}
</script>
</head>
<body>
<input type=”button” value=”Replace document” onclick=”replaceDoc()” />
</body>
</html>
[/html]
附:
Javascript刷新页面的几种方法:

  • history.go(0)
  • location.reload()
  • location=location
  • location.assign(location)
  • document.execCommand(‘Refresh’)
  • window.navigate(location)
  • location.replace(location)
  • document.URL=location.href

自动刷新页面的方法:
1.页面自动刷新:把如下代码加入<head>区域中
<meta http-equiv=”refresh” content=”20″>
其中20指每隔20秒刷新一次页面.

2.页面自动跳转:把如下代码加入<head>区域中
<meta http-equiv=”refresh” content=”20;url=http://www.biao166.cn”>
其中20指隔20秒后跳转到http://www.biao166.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>
( 或 <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>

 » 转载请注明来源:Biao166's life » 《JS刷新页面的种种》

JS刷新页面的种种》上有 2 条评论

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>