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()>

< a  href = "路径" >< input  type = "button" / > </ a >

在按钮外面扩一个a标签就好了。

设置锚点 

跳转到锚点 

当然这个是没有动画效果的，需要js css才能实现动画 。

搜索html的锚点连接。

1.首先我们新建一个带有button按钮的页面

<button type="submit" class="form-contrpl">注册</button>

2.button按钮不能直接添加herf属性，我们可以通过button的onClick事件来实现页面的跳转。

 第一种方法：window.open()可以实现页面跳转。

第二种方法：给button的onClick一个触发事件

因为我们希望页面在点击登录按钮的时候实现页面跳转，所以函数是直接声明，而不是等页面加载完后立即执行的。

按钮标签本身并不能添加超链接

所以我们需要给按钮标签外围加上一个a标签.

如果需要跳转到别的网站地址,可以直接填入需要跳转的地址即可.

<a href="https://baidu.com/"><button >点击跳转到百度</button></a>

需要跳转到站内链接可以用下面这段代码

<a href="css/css.css"><button >点击跳转到百度</button></a>

参考资料:

百度百科