• 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>
  • 相关阅读:
    Writing Layout Tests for DumpRenderTree – WebKit
    阻碍Web开放的不是WebKit,而是Web开发者的短视
    Running Selenium 'headless' with Chrome Driver in Python YouTube
    百度开发者大会:愿与开发者合作共赢
    Nginx进行流量copy到测试环境
    Minimize to tray 1.3.2.61
    Smart Caching for Web Browsers
    Objective of the Guidelines
    美丽说胡嵩:APP只做一件事 价值定位要清晰 | 马可咪
    Writing Layout Tests for DumpRenderTree – WebKit
  • 原文地址:https://www.cnblogs.com/gavanwanggw/p/6888673.html
Copyright © 2020-2023  润新知