html 点击按键跳转至百度/其他html页面(原生js)

本文介绍两种在HTML中利用按钮实现页面跳转的方法:一是使用超链接标签<a>,二是通过设置button的onclick事件结合JavaScript实现。这两种方法均可用于跳转到其他HTML页面或外部网站。
摘要由CSDN通过智能技术生成

本文提供两种方式,以实现:

在html中,点击按键,跳转至另一html页面,或跳转至百度等网页。

方法一:通过超链接标签<a>实现:

              在button外添加父标签,超链接<a>:

                      跳转至百度:

    <a href="http://www.baidu.com">
        <button>百度1</button>
    </a>

                       跳转至另一html页面:(注意href后跟的路径需要正确,对应正确的另一html页面)

    <a href="page2.html">
        <button>登录1</button>
    </a>

方法二:通过button设置onclick事件,在js中绑定事件函数实现:

               跳转至百度:

<button onclick="toBaidu()">百度2</button>
    <script>
        function toBaidu(){
            window.location.href= "http://www.baidu.com";
        }
    </script>

                跳转至另一html页面:

<button onclick="login()">登录2</button>
    <script>
        function login(){
            window.location.href="page2.html";
        }
    </script>

通过以上两种方法,均可实现跳转。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值