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>
  • 相关阅读:
    关于wepy小程序图片显示问题
    输入地址到页面显示发生了写什么?
    一次Debug过程的思考
    一次冗长繁琐的排错经历
    PHP内核探索之变量(7)- 不平凡的字符串
    PHP内核探索之变量(6)- 后续内核探索系列大纲备忘
    PHP内核探索之变量(5)- session的基本原理
    PHP内核探索之变量(4)- 数组操作
    PHP内核探索之变量(3)- hash table
    PHP内核探索之变量(2)-理解引用
  • 原文地址:https://www.cnblogs.com/gavanwanggw/p/6888673.html
Copyright © 2011-2022 走看看