js页面跳转整理

r囧r小猫 2022-08-18 00:53 249阅读 0赞

j s方式的页面跳转

**1.window.location.href方式**  
<script language="javascript" type="text/javascript">  
window.location.href="target.aspx";  
</script>  
  
**2.window.navigate方式跳转**  
<script language="javascript">  
window.navigate("target.aspx");  
</script>

**3.window.loction.replace方式实现页面跳转，注意跟第一种方式的区别**  
<script language="javascript">  
window.location.replace("target.aspx");  
</script>  
有3个jsp页面（1.aspx, 2.aspx, 3.aspx），进系统默认的是1.aspx，当我进入2.aspx的时候， 2.aspx里面用window.location.replace("3.aspx");

与用window.location.href ("3.aspx");

从用户界面来看是没有什么区别的，但是当3.aspx页面有一个"返回"按钮，调用window.history.go(-1); wondow.history.back();方法的时候，一点这个返回按钮就要返回2.aspx页面的话，区别就出来了，当用 window.location.replace("3.aspx");连到3.aspx页面的话，3.aspx页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的，会返回到1.aspx。  
  
**4.self.location方式实现页面跳转，和下面的top.location有小小区别**  
 <script language="JavaScript">  
self.location='target.aspx';  
</script>  
  
**5.top.location**  
<script language="javascript">  
top.location='target.aspx';  
</script>

**6.不推荐这种方式跳转**  
 <script language="javascript">  
alert("返回");  
window.history.back(-1);  
</script>

meta方式实现跳转(content = 3 单位是秒)  
<meta http-equiv=refresh content=3;URL="http://www.dayanmei.com">

**总结二：**

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>  
  
页面跳转:οnclick="window.location.href='list.aspx'"  
  
**P.S.  
小技巧(JS引用JS):**

**\[javascript\]** [view plain][] [copy][view plain]

1.  <mce:script type=text/javascript></mce:script>

**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版

**\[c-sharp\]** [view plain][] [copy][view plain]

1.  <mce:script language="JavaScript"></mce:script>

**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>中调用以下语句即可。

**\[javascript\]** [view plain][] [copy][view plain]

1.  <body οnlοad="opener.location.reload()"> 开窗时刷新 
2.  <body onUnload="opener.location.reload()"> 关闭时刷新 
3.  
4.  <mce:script language="javascript"></mce:script>

[view plain]: http://blog.csdn.net/kongjing0815/article/details/5808063/#