• 技术文章 >web前端 >html教程

    HTML如何实现点击button页面跳转

    醉折花枝作酒筹醉折花枝作酒筹2021-06-04 10:56:50原创250

    方法:1、使用onclick事件,在标签内添加“onclick="window.location.href=地址"”即可;2、在button标签外套一个a标签,在a标签中用href属性添加跳转代码。

    本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

    方法1:使用onclick事件

    <input type="button" value="按钮"
    onclick="javascrtpt:window.location.href='http://www.baidu.com/'" />

    或者直接使用button标签

    <button onclick="window.location.href = 'https://www.baidu.com/'">百度</button>

    方法2:在button标签外套一个a标签

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

    或使用

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

    方法3:使用JavaScript函数

    <script>
          function jump() {
            window.location.href = "http://www.baidu.com/";
          }
        </script>
        <input type="button" value="百度" onclick="javascrtpt:jump()" />
        <!-- 或者<input type="button" value="百度" onclick="jump()" />  -->
        <!-- 或者<button onclick="jump()">百度</button> -->

    推荐学习:html视频教程

    以上就是HTML如何实现点击button页面跳转的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:html button 页面跳转
    上一篇:html如何写超链接跳转提示代码 下一篇:html如何插入swf内容
    第16期线上培训班

    相关文章推荐

    • html怎么设置只读状态• html分段标签是什么• html如何设置页面图标(logo)• html中input标签的属性有哪些• html如何写超链接跳转提示代码

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网