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>
  • 相关阅读:
    Servlet入门
    序列化
    ConcurrentHashMap红黑树的实现
    ConcurrentHashMap1.7和1.8的源码分析比较
    TCP/IP中的传输层协议TCP、UDP
    Java内存模型和ConcurrentHashMap 1.7源码分析
    JAVA研发面试题
    面试题(Python)
    初识Python
    Python解释器安装与环境变量添加
  • 原文地址:https://www.cnblogs.com/gavanwanggw/p/6888673.html
Copyright © 2011-2022 走看看