js中网页前进和后退的代码

新建一个html文件,定名为test.html,用于讲解js中网页进步和撤退退却的代码。

  • 2

    在test.html页面中,利用a标签建立一个链接,链接指标的目的test2.html页面。

  • 3

    在test.html页面中,利用button建立两个按钮,一个是进步的按钮,另一个是撤退退却的按钮。

  • 4

    在test.html页面,给进步按钮绑心猿意马onclick点击事务,当按钮被点击时,挪用go()函数,利用history.forward()代码实现进步至汗青列表中的前一个页面。

  • 5

    在test.html页面,给撤退退却按钮绑心猿意马onclick点击事务,当按钮被点击时,挪用back()函数,利用history.go(-1)代码实现撤退退却至汗青列表中的上一个页面。

  • 6

    复制test.html,再建立一个test2.html页面,在test2.html页面中,a标签链接指标的目的test.html。

  • 7

    在浏览器打开test.html页面,点击"跳转至第二个页面"链接,在打开的页面点击撤退退却按钮,页面将返回至test.html页面。

  • 8

    在上一步操作后,再点击“进步”按钮,页面将进步至test2.html页面。

    • 发表于 2019-09-24 17:01
    • 阅读 ( 970 )
    • 分类:其他类型

    你可能感兴趣的文章

    相关问题

    0 条评论

    请先 登录 后评论
    admin
    admin

    0 篇文章

    作家榜 »

    1. xiaonan123 189 文章
    2. 汤依妹儿 97 文章
    3. luogf229 46 文章
    4. jy02406749 45 文章
    5. 小凡 34 文章
    6. Daisy萌 32 文章
    7. 我的QQ3117863681 24 文章
    8. 华志健 23 文章

    联系我们:uytrv@hotmail.com 问答工具