HTML中有一个button,如何让它点击后跳转到指定页面或动作

单独添加一个链接，实现跳转：
<input type="button" value="我是一个按钮" 
onclick="javascrtpt:window.location.href='http://blog.sina.com.cn/mleavs'">
 
触发一个函数跳转：
<script>
function jump(){
 window.location.href="http://blog.sina.com.cn/mleavs";
}
</script>
 
<input type="button" value="我是一个按钮" onclick=javascrtpt:jump()>

其他回答

< form action="xx.html" method="post"><!--表单的action定向提交跳转-->
<input type="bottom" value="按钮">

方法有许多：

1.【使用a标签】a标签的超链接可以直接嵌套一个button，这时候可以得到：

1 2 3

<a href="https://www.baidu.com/">     <button>点我跳转到度娘！</button> </a>

2.【使用onclick属性】在button标签中加上onclick属性，赋值为Javascript即可。

1 2 3

<button onclick="window.location.href = 'https://www.baidu.com/'">     找度娘玩耍～ </button>

3.【使用Javascript绑定】用DOM操作绑定事件监听

1 2 3 4 5 6 7 8 9 10 11 12 13

var btnElement = document.getElementsByTagName('button')[0];//第一个button元素 btnElement.addEventListener('click',b); function b(){     window.location.href = "";//跳转     function();//执行其他函数 } /* btnElement.click = function(){     window.location.href = "";//跳转     function();//执行其他函数 } ===～等价于上面的第二行和第三行～=== */

【注意】部分低版本浏览器不支持除了a标签之外的方法～

赞26 踩2

1 2	<a href="路径"><input type="button"></input></a> 在按钮外面扩一个a标签就好了