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>
  • 相关阅读:
    了解数据库的三级模式和二级映像
    Oracle函数
    SQL基本语法
    Oracle数据库之初步接触
    Java学习之正则表达式
    Java关于条件判断练习--统计一个src文件下的所有.java文件内的代码行数(注释行、空白行不统计在内)
    Java 关于循环的练习--和为n的正数序列
    Java学习之流Stream理解(一)
    Java学习之理解递归
    python+requests接口自动化测试框架实例详解教程
  • 原文地址:https://www.cnblogs.com/gavanwanggw/p/6888673.html
Copyright © 2011-2022 走看看