最新文章专题视频专题问答1问答10问答100问答1000问答2000关键字专题1关键字专题50关键字专题500关键字专题1500TAG最新视频文章推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37视频文章20视频文章30视频文章40视频文章50视频文章60 视频文章70视频文章80视频文章90视频文章100视频文章120视频文章140 视频2关键字专题关键字专题tag2tag3文章专题文章专题2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章专题3
当前位置: 首页 - 科技 - 知识百科 - 正文

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

来源:动视网 责编:小采 时间:2020-11-03 18:17:50
文档

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

html中通过点击button标签实现页面跳转的三种方法:方法1:使用onclick事件<input type="button" value="按钮" onclick="javascrtpt:window.location.href='http://www.baidu.com/'" />或者直接使用button标签&l
推荐度:
导读html中通过点击button标签实现页面跳转的三种方法:方法1:使用onclick事件<input type="button" value="按钮" onclick="javascrtpt:window.location.href='http://www.baidu.com/'" />或者直接使用button标签&l


方法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>

(推荐教程:html教程)

方法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>

更多编程相关内容,请关注Gxlcms编程入门栏目!

文档

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

html中通过点击button标签实现页面跳转的三种方法:方法1:使用onclick事件<input type="button" value="按钮" onclick="javascrtpt:window.location.href='http://www.baidu.com/'" />或者直接使用button标签&l
推荐度:
  • 热门焦点

最新推荐

猜你喜欢

热门推荐

专题
Top