JavaScript-前进后退window.history.go(1)-后退window.history(-1)-设置地址栏上url:window.location.href=' 网址'

1、前进:onclick="window.history.go(1)"

2、后退:onclick="window.history.go(-1)"

onclick="window.history.back()"

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>006-history对象.html</title>
        <!--006--007联合起来看代码  -->
    </head>
    <body>
        <a href="007.html">007页面</a>
        <input type="button" value="前进" onclick="window.history.go(1)"/>
    </body>
</html>

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>007</title>
    </head>
    <body>
        007page!
        <input type="button" value="后退" onclick="window.history.back()"/>
        <input type="button" value="后退" onclick="window.history.go(-1)"/>
    </body>
</html>
复制代码
复制代码

 3、设置浏览器地址栏上的url:window.location.href=' 网址'

复制代码
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>008设置浏览器地址栏上的url</title>
        <!--
        window.location.href="url"
        <input type="button" value="百度" onclick="goBaidu()">
        -->
    </head>
    <body>
        <script type="text/javascript">
            function goJD(){
                window.location.href='http://www.jd.com'
            }
            function goBD(){
                window.location.href='http://www.baidu.com'
            }
        </script>
        <input type="button" value="京东" onclick="goJD()" >
        <input type="button" value="百度" onclick="goBD()" >
    </body>
</html>
复制代码

 

posted @   280887072  阅读(326)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· Manus重磅发布:全球首款通用AI代理技术深度解析与实战指南
· 被坑几百块钱后,我竟然真的恢复了删除的微信聊天记录!
· 没有Manus邀请码?试试免邀请码的MGX或者开源的OpenManus吧
· 园子的第一款AI主题卫衣上架——"HELLO! HOW CAN I ASSIST YOU TODAY
· 【自荐】一款简洁、开源的在线白板工具 Drawnix
点击右上角即可分享
微信分享提示