本文汇总了 JavaScript 中实现页面刷新、返回上一页及自动跳转的多种代码方案。涵盖 history 对象方法、location 属性赋值、meta 标签设置以及 ASP.NET 环境下刷新父窗口和框架页面的脚本写法,提供完整代码示例供开发参考。
返回上一页与下一页的方法
1. 使用 JavaScript 返回上一页,可调用 history.go(-1);若需返回两个页面之前,则使用 history.go(-2)。
2. 调用 history.back() 方法。
3. 使用 window.history.forward() 返回下一页。
4. window.history.go(返回第几页,也可以使用访问过的 URL)。
示例:
<a href="javascript:history.go(-1);">向上一页</a>
response.Write("<script language=javascript>")
response.Write("if(!confirm('完成任务?')){history.back();}")
response.Write("</script>")
response.Write("<script language=javascript>history.go(-1);</script>")
<a href="javascript:history.go(-1);">向上一页</a>
页面跳转实现:onclick="window.location.href='list.aspx'"
附注。
小技巧(JS 引用 JS):
<script type=text/javascript>
<!--
if (typeof SWFObject == "undefined") {
document.write('<scr' + 'ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr' + 'ipt>');}
//-->
</script>
JavaScript 刷新页面的多种实现
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 页面自动刷新与跳转设置
自动刷新页面的方法:
1. 页面自动刷新:将如下代码加入 <head> 区域中
<meta http-equiv="refresh" content="20">
其中 20 指每隔 20 秒刷新一次页面。
2. 页面自动跳转:将如下代码加入 <head> 区域中
<meta http-equiv="refresh" content="20;url=http://www.wyxg.com">
其中 20 指隔 20 秒后跳转到 http://www.wyxg.com 页面
3. 页面自动刷新 JS 版
代码如下:
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定 1 秒刷新一次
</script> ASP.NET 刷新父窗口与框架页面
ASP.NET 如何输出刷新父窗口脚本语句
1. this.response.write("<script>opener.location.reload();</script>");
2. this.response.write("<script>opener.window.location.href = opener.window.location.href;</script>");
3. Response.Write("<script language=javascript>opener.window.navigate(''你要刷新的页.asp'');</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>