CSS/HTML

推荐列表 站点导航

当前位置:首页 > 脚本编程 > CSS/HTML >

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

来源:网络整理  作者:  发布时间:2020-12-18 10:15
本文来自html教程栏目,文中通过实例为大家介绍了html中通过点击button标签实现页面跳转的三种方法,希望可以帮助到...

方法1:使用onclick事件

<a href=https://www.ym97.com/"http:/www.baidu.com/"> <button>百度</button> </a>

或使用

<a href=https://www.ym97.com/"http:/www.baidu.com/"><input type="button" value='百度'></a>

方法3:使用JavaScript函数

方法2:在button标签外套一个a标签

<script> function jump(){ window.location.href=""; } </script> <input type="button" value="百度" onclick=javascrtpt:jump() /> // 或者<input type="button" value="百度" onclick="jump()" /> // 或者<button onclick="jump()">百度</button>

更多编程相关内容,请关注聚合云库编程入门栏目!

以上就是html中通过点击button标签实现页面跳转的三种方法的详细内容,更多请关注聚合云库其它相关文章!

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

<button onclick="window.location.href = 'https://www.baidu.com/'">百度</button>

(推荐教程:html教程

<input type="button" value="按钮" onclick="javascrtpt:window.location.href=''" />

或者直接使用button标签

相关热词: HTML 标签 方法

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供用于网络技术学习参考,学习中请遵循相关法律法规!

本文地址: https://v30.fanwenzhu.com/jiaob/cssm/5140.shtml

Copyright © www.juheyunku.com      关于 | 合作 | 声明 | 联系 | 更新 | 地图 | Tags

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

2020-12-18 编辑:

方法1:使用onclick事件

<a href=https://www.ym97.com/"http:/www.baidu.com/"> <button>百度</button> </a>

或使用

<a href=https://www.ym97.com/"http:/www.baidu.com/"><input type="button" value='百度'></a>

方法3:使用JavaScript函数

方法2:在button标签外套一个a标签

<script> function jump(){ window.location.href=""; } </script> <input type="button" value="百度" onclick=javascrtpt:jump() /> // 或者<input type="button" value="百度" onclick="jump()" /> // 或者<button onclick="jump()">百度</button>

更多编程相关内容,请关注聚合云库编程入门栏目!

以上就是html中通过点击button标签实现页面跳转的三种方法的详细内容,更多请关注聚合云库其它相关文章!

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

<button onclick="window.location.href = 'https://www.baidu.com/'">百度</button>

(推荐教程:html教程

<input type="button" value="按钮" onclick="javascrtpt:window.location.href=''" />

或者直接使用button标签

本站内容来源于网络,如有侵权请与我们联系,我们会及时删除,我们深感抱歉!
注:本站所有信息仅供学习参考!
本文地址为 https://v30.fanwenzhu.com/jiaob/cssm/5140.shtml

相关文章

风云图片

推荐阅读

返回CSS/HTML频道首页