首页 > Web开发 > 详细

HTML中button标签点击实现页面跳转

时间:2019-05-31 10:41:04      阅读:122      评论:0      收藏:0      [点我收藏+]

方法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中button标签点击实现页面跳转

原文:https://www.cnblogs.com/miaolyou/p/10953448.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!