本文摘自PHP中文网,作者醉折花枝作酒筹,侵删。
方法:1、使用onclick事件,在标签内添加“onclick="window.location.href=地址"”即可;2、在button标签外套一个a标签,在a标签中用href属性添加跳转代码。
本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。
方法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 >
|
方法2:在button标签外套一个a标签
1 2 3 | < a href = "http://www.baidu.com/" >
< button >百度</ button >
</ a >
|
或使用
1 2 3 | < 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()" />
|
推荐学习:html视频教程
以上就是HTML如何实现点击button页面跳转的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
txt怎么转换Html
Html中图片标签的用法介绍
Html中如何美化展示json格式数据
使用Html制作简单登录页面的方法
Html怎么打印
Html标签含义
css在Html中三种实现方式是什么
Html和Html5的区别是什么
Html marquee标签如何实现上下滚动,marquee标签的滚动速度设置
Html如何设置语言
更多相关阅读请进入《Html》频道 >>
人民邮电出版社
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者
转载请注明出处:木庄网络博客 » HTML如何实现点击button页面跳转