本文摘自PHP中文网,作者V,侵删。

方法1:使用onclick事件
1 2 | < input type = "button" value = "按钮"
onclick = "javascrtpt:window.location.href='http://www.baidu.com/'" />
|
或者直接使用button标签
1 | <button onclick= "window.location.href = 'https://www.baidu.com/'" >百度</button>
|
(推荐教程:html教程)
方法2:在button标签外套一个a标签
1 2 3 | <a href= "http://www.baidu.com/" >
<button>百度</button>
</a>
|
或使用
1 | <a href= "http://www.baidu.com/" ><input type= "button" value= '百度' ></a>
|
方法3:使用JavaScript函数
1 2 3 4 5 6 7 8 | <script>
function jump(){
window.location.href= "http://www.baidu.com/" ;
}
</script>
<input type= "button" value= "百度" onclick=javascrtpt:jump() />
|
更多编程相关内容,请关注php中文网编程入门栏目!
以上就是html中通过点击button标签实现页面跳转的三种方法的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
html的meta标签常见用法介绍
html 代码约定
html figcaption标签怎么用
html实现实时效果查看功能
html中select的各种用法总结(代码)
在html中,如何用style添加属性
html里面ul那个点怎么消
html如何实现字体大小的自适应
html怎么设置表格单元格颜色
html/javascript怎么跳转页面
更多相关阅读请进入《button》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » html中通过点击button标签实现页面跳转的三种方法