zoukankan      html  css  js  c++  java
  • JavaScript特效之前进,后退(返回上一级)

    在页面上增加前进,后退(返回上一级)功能:


    方式一:使用函数

    <script>
    function goback(){
     history.go(-1);//返回或者history.back();
    }
    function go(){
    history.go(1);//前进或者history.forward();
    }
    </script>


    方式二:


    <a href="javascript:history.go(1)">前进</a>

    <a href="javascript:history.go(-1)">后退</a>


    easy疑惑的地方:

    每一个页面都能够设置后退前进button,仅仅有本页面跳到其它页面后。本页面的前进button才有效(有了前进的方向),

    仅仅有由其它页面跳到本页面后本页面的后退button才有效(知道来的路才干按原路返回)。

    (由于前进后退要有目标方向)



    <html>

    <head>
    <title>前进,后退</title>
    <script>
    function goback(){
     history.go(-1);//返回或者history.back();
    }
    function go(){
    history.go(1);//前进或者history.forward();
    }
    </script>
    </head>
    <body>
    <a href="damel8.html">go to damel8.html</a>

    <br/>

    <!-- 假设本页面(记为B页面)由其它页面(记为A页面)通过<a href=""> </a> 等方式跳转过来 点击后退button会返回到原来的A页面;跳回A页面后。假设点击A页面的前进button(javascript:history.go(1))会跳到B页面。


    通俗讲:

    A页面 通过<a href=""> </a> 等方式 跳到 B页面

    点击B页面的后退button  跳回A页面

    此时点击A页面的前进button又能够跳回B页面


    easy疑惑的地方:

    每一个页面都能够设置后退前进button,仅仅有本页面跳到其它页面后,本页面的前进button才有效(有了前进的方向),

    仅仅有由其它页面跳到本页面后本页面的后退button才有效(知道来的路才干按原路返回),

    (由于前进后退要有目标方向。。

    。。知道来得路才干按原路返回,)

    -->

    方式一:使用href

    <br/>

    <a href="javascript:history.go(1)">前进</a>

    方式二:使用函数调用

    <br/>

    <input type="button" onClick="goback()" value="后退"/>
    <br/>
    </body>
    </html>
  • 相关阅读:
    B
    A
    I
    IIS发布和部署
    编程中什么叫上下文
    浅谈Session,Cookie和http协议中的无状态
    cmd界面输入sqlplus提示不是内外部命令解决方法
    C#已设置安全调试选项,但此选项要求的VS承载进程在此调试中不可用。解决方法
    IIS和IIS Express的区别
    vue.js:634 [Vue warn]: Failed to generate render function: SyntaxError: Unexpected token ')'
  • 原文地址:https://www.cnblogs.com/gavanwanggw/p/6888673.html
Copyright © 2011-2022 走看看