HTML 创建按钮实现跳转链接

1.使用 form
<form method="get" action="/page2">
<button type="submit">Continue</button>
</form>

2.JavaScript
<button onclick="window.location.href='/page2'">Continue</button>
<button onclick="location.href='http://www.example.com'" type="button"> www.example.com </button>

3.使用链接，样式设置成按钮
<a href="http://google.com" class="button">Continue</a>

css:

a.button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;

text-decoration: none;
color: initial;
}

4.链接+button
<a href="http://www.stackoverflow.com/">
<button>Click me</button>
</a>

 

原文链接：https://blog.csdn.net/shuai265/article/details/74079364