欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

js实现页面跳转的几种方式

程序员文章站 2022-03-19 18:59:43
...

 

 

第一种: <script language="javascript" type="text/javascript">
                    window.location.href="login.jsp?backurl="+window.location.href;
           </script>
 
第二种:<script language="javascript"> alert("返回"); window.history.back(-1); </script>
第三种: <script language="javascript"> window.navigate("top.jsp"); </script>
第四种: <script language="JavaScript"> self.location='top.htm'; </script>
第五种: <script language="javascript"> alert("非法访问!"); top.location='xx.jsp'; </script>

通过js或者html或者php等动态程序都可以方便的实现跳转,这里搜集了几种页面跳转的方式    
js方式的页面跳转     1.window.location.href方式    
<script language="javascript" type="text/javascript"> 
       window.location.href="http://www.dayanmei.com/";                                                                         
</script>    
2.window.navigate方式跳转    
<script language="javascript">    
         window.navigate("top.jsp");    
</script>    
3.window.location.replace方式实现页面跳转,注意跟第一种方式的区别    
<script language="javascript">  window.location.replace("http://www.dayanmei.com") ;     </script>    
有3个jsp页面(1.jsp, 2.jsp, 3.jsp),进系统默认的是1.jsp ,当我进入2.jsp的时候, 2.jsp里面用window.location.replace("3.jsp");与用window.location.href ("3.jsp");从用户界面来看是没有什么区别的,但是当3.jsp页面有一个"返回"按钮,调用window.history.go(-1); wondow.history.back();方法的时候,一点这个返回按钮就要返回2.jsp页面的话,区别就出来了,当用 window.location.replace("3.jsp");连到3.jsp页面的话,3.jsp页面中的调用 window.history.go(-1);wondow.history.back();方法是不好用的,会返回到1.jsp 。    
4.self.location方式实现页面跳转,和下面的top.location有小小区别    
<script language="JavaScript">     self.location='top.htm';     </script>  
 
5.top.location     <script language="javascript">     top.location='xx.jsp';     </script>    
 6.不推荐这种方式跳转    
<script language="javascript"> alert("返回"); window.history.back(-1);     </script>    
在php程序中,这种方式跳转前面不能有任何输出     <?php     header("url.php");     ?>     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="http://blog.soso.com/qz.q/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="http://blog.soso.com/qz.q/javascript:history.go(-1);">向上一页</a>    
页面跳转:     P.S.     小技巧(JS引用JS):    
<script type=text/javascript>    
    <!--     if (typeof SWFObject == "undefined") {     document.write('<scr' + 'ipt type="text/javascript" src="http://blog.soso.com/scripts/swfobject-1.5.js"></scr' + 'ipt>');}     //-->    
</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版     <script language="JavaScript">     function myrefresh()     {     window.location.reload();     }     setTimeout('myrefresh()',1000); //指定1秒刷新一次     </script>    
ASP.NET如何输出刷新父窗口脚本语句     1. this.response.write("<script>opener.location.reload( );</script>");    
2. this.response.write("<script>opener.window.location. href = http://blog.soso.com/qz.q/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="http://blog.soso.com/qz.q/javascript:opener.location.reload()">刷新</a> )    
//如何刷新另一个框架的页面用    
<script language=JavaScript>     parent.另一FrameID.location.reload();     </script>    
如果想关闭窗口时刷新或者想开窗时刷新的话,在<body>中调用以下语句即可。     <body> 开窗时刷新     <body> 关闭时刷新     <script language="javascript">     window.opener.document.location.reload()     </script>
js实现页面跳转的几种方式
相关标签: js 跳转