JavaScript 刷新与页面跳转代码汇总

作者:纸飞机

时间:2026-10-24

浏览:637

本文汇总了 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>

实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章