zoukankan      html  css  js  c++  java
  • js页面跳转

    js方式的页面跳转
    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> 

    页面跳转:onclick="window.location.href='list.aspx'" 

    P.S. 
    小技巧(JS引用JS): 

    [javascript] view plaincopy

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

    2.    

    3. if (typeof SWFObject == "undefined") {   

    4. document.write('<scr' + 'ipt type="text/javascript" src="/scripts/swfobject-1.5.js"></scr' + 'ipt>');}  

    5. // --></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 plaincopy

    1. <mce:script language="JavaScript"><!--  

    2.    

    3. function myrefresh()   

    4. {   

    5.        window.location.reload();   

    6. }   

    7. setTimeout('myrefresh()',1000); //指定1秒刷新一次   

    8. // --></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 plaincopy

      1. <body onload="opener.location.reload()"> 开窗时刷新   

      2. <body onUnload="opener.location.reload()"> 关闭时刷新   

      3.   

      4. <mce:script language="javascript"><!--  

      5.    

      6. window.opener.document.location.reload()   

      7. // --></mce:script>  

  • 相关阅读:
    算法训练 P1103
    算法训练 表达式计算
    算法训练 表达式计算
    基础练习 时间转换
    基础练习 字符串对比
    Codeforces 527D Clique Problem
    Codeforces 527C Glass Carving
    Codeforces 527B Error Correct System
    Codeforces 527A Glass Carving
    Topcoder SRM 655 DIV1 250 CountryGroupHard
  • 原文地址:https://www.cnblogs.com/loveYN/p/4529998.html
Copyright © 2011-2022 走看看