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>