找回密码立即注册

QQ登录

查看: 42790|回复: 0
收起左侧

[HTML] HTML按钮添加跳转链接的代码

[复制链接] [查看百度是否已收录此帖]

升级   100%

5280

主题

5718

帖子

15万

积分

管理员

李海18298346873

Rank: 9Rank: 9Rank: 9

积分
159098

推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老

QQ
菜鸟站长联盟 发表于 2021-3-23 17:03:08 | 显示全部楼层 |阅读模式
菜鸟站长联盟VIP会员
  • 欢迎大家加入菜鸟站长联盟VIP会员 ☞ 点击查看详情
  • 我是菜鸟站长联盟草根站长李海 微信:18298346873
  • 致力于为企业提供优秀的网站建设解决方案,建站服务、网站优化、网站运营、网站托管、网站推广!
  • 致力于为个人提供优秀的网站建设培训课程,建站服务、网站优化、网站运营、域名空间、插件模板!
  • —————————————————————————————————————————————————
  • 菜鸟站长联盟站长李海微信

    本帖子中包含更多资源!

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    x
    小编给大家介绍的HTML中button标签点击实现页面跳转的三种方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!


    方法1:使用onclick事件
    1. <input type="button" value="按钮"
    2. onclick="javascrtpt:window.location.href='http://www.baidu.com/'" />
    复制代码
    或者直接使用button标签
    1. <button onclick="window.location.href = 'https://www.baidu.com/'">百度</button>
    复制代码
    方法2:在button标签外套一个a标签
    1. <a href="http://www.baidu.com/">
    2.     <button>百度</button>
    3. </a>
    复制代码
    或使用
    1. <a href="http://www.baidu.com/"><input type="button" value='百度'></a>
    复制代码
    方法3:使用JavaScript函数
    1. <script>
    2. function jump(){
    3. window.location.href="http://www.baidu.com/";
    4. }
    5. </script>
    6. <input type="button" value="百度" onclick=javascrtpt:jump() />
    7. // 或者<input type="button" value="百度" onclick="jump()" />
    8. // 或者<button onclick="jump()">百度</button>
    复制代码


    上一篇:HTML按钮美化代码
    下一篇:CSS 的三种引入方式
    零基础学习网站建设,上菜鸟站长联盟就够了!你与成功只差添加一个好友:微信18298346873
    *滑块验证:
    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则








    QQ| 百度统计|小黑屋|菜鸟站长联盟 ( 陇ICP备15000550号-2 )|

    GMT+8, 2021-4-21 07:35 , Processed in 0.113773 second(s), 42 queries .

    快速回复 返回顶部 返回列表