html中通过点击button标签实现页面跳转的方法有哪些

本篇内容主要讲解“html中通过点击button标签实现页面跳转的方法有哪些”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“html中通过点击button标签实现页面跳转的方法有哪些”吧!

　　方法1：使用onclick事件

　　<inputtype="button"value="按钮"

　　onclick="javascrtpt:window.location.href='http://www.baidu.com/'"/>

　　或者直接使用button标签

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

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

　　<ahref="http://www.baidu.com/">

　　<button>百度</button>

　　</a>

　　或使用

　　<ahref="http://www.baidu.com/"><inputtype="button"value='百度'></a>

　　方法3：使用JavaScript函数

　　<script>

　　functionjump(){

　　window.location.href="http://www.baidu.com/";

　　}

　　</script>

　　<inputtype="button"value="百度"onclick=javascrtpt:jump()/>

　　//或者<inputtype="button"value="百度"onclick="jump()"/>

　　//或者<buttononclick="jump()">百度</button>

到此，相信大家对“html中通过点击button标签实现页面跳转的方法有哪些”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！