HTML点击按钮button跳转页面

方法一:在button标签中加上onclick属性,赋值为Javascript

<input type="button" name="register" value ="注册" onclick="window.location.href='Register.jsp'"/>
<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标签的超链接可以直接嵌套一个button

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

方法四:表单的action定向提交跳转

<form action="xx.html" method="post">
    <input type="bottom" value="按钮">
</from>

还有其他方法,有些方法一些浏览器可能会不支持。 

猜你喜欢

转载自blog.csdn.net/tjh625/article/details/81235827