主页 > 知识库 > HTML中button标签点击实现页面跳转的三种方法

HTML中button标签点击实现页面跳转的三种方法

热门标签:地图标注地点下载 商丘电话自动外呼系统怎么收费 周口导航地图标注 400电话是在哪里申请 东莞人工外呼系统多少钱 昌邑外呼系统 朝阳自动外呼系统 400电话办理尚景 默纳克系统外呼显示inns

方法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标签点击实现页面跳转的三种方法,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

标签:沈阳 揭阳 铜陵 那曲 阿拉善盟 健身房 湖南 福建

巨人网络通讯声明:本文标题《HTML中button标签点击实现页面跳转的三种方法》,本文关键词  HTML,中,button,标签,点击,;如发现本文内容存在版权问题,烦请提供相关信息告之我们,我们将及时沟通与处理。本站内容系统采集于网络,涉及言论、版权与本站无关。
  • 相关文章
  • 下面列出与本文章《HTML中button标签点击实现页面跳转的三种方法》相关的同类信息!
  • 本页收集关于HTML中button标签点击实现页面跳转的三种方法的相关信息资讯供网民参考!
  • 推荐文章