另一个选项是在按钮中创建链接：

<button type="button"><a href="yourlink.com">Link link</a></button>

然后使用CSS来设置链接和按钮的样式，使链接占据按钮内的全部空间（这样用户就不会错过点击）：

button, button a{position:relative;}
button a{top:0;left:0;bottom:0;right:0;}

我在这里创建了一个演示。

请记住，规范中说这是无效的，因为按钮不应包含任何交互式后代。

这里的所有解决方案都不适合我，所以在尝试了所有解决方案之后，我得到了一些微不足道的东西：仅HTML（无表单提交），无CSS，无JS：

<a href="/link"><button>Link</button></a>

对于HTML 5和带有图像背景的样式按钮

<a id=“Navigate”href=“http://www.google.com"><输入type=“按钮”id=“导航按钮”style=“背景图像：url(http://cdn3.blogsdna.com/wp-content/uploads/2010/03/Windows-Phone-7-Series-Icons-Pack.png);背景重复：无重复；背景位置：-272px-112px；光标：指针；高度：40px；宽度：40px；边框半径：26px；边框样式：实心；边框颜色：#000；边框宽度：3px；“title=”导航“/></a>

从HTML5开始，按钮支持formaction属性。最重要的是，不需要JavaScript或诡计。

<表单><button formaction=“http://stackoverflow.com“>转到堆栈溢出！</button></form>

注意事项

必须由<form>标记包围。＜button＞类型必须是“submit”（或未指定）-我无法使用“button”类型。这引出了以下问题。重写表单中的默认操作。换句话说，如果在另一个表单中执行此操作，将导致冲突。

参考：formaction

浏览器支持：＜button＞：button元素

在JavaScript中

setLocation(base: string) {
  window.location.href = base;
}

HTML格式

<button onclick="setLocation('/<whatever>')>GO</button>"

七种方法：

使用window.location.href='URL'使用window.location.replace（'URL'）使用window.location=“URL”使用window.open（“URL”）使用window.location.assign（'URL'）使用HTML表单使用HTML定位标记

<!-- 使用window.location.href='URL'--><button onclick='window.location.href=“https://stackoverflow.com"'>单击我</按钮><!-- 使用window.location.replace（'URL'）--><button onclick='窗口位置替换（“https://stackoverflow.com")'>单击我</按钮><!-- 使用window.location=“URL”--><button onclick='window.location=“https://stackoverflow.com"'>单击我</按钮><!-- 使用window.open（'URL'）--><button onclick='窗口打开（“https://stackoverflow.com“，”_self“，”“，”）'>单击我</按钮><!-- 使用window.location.assign（'URL'）--><button onclick='窗口位置分配（“http://www.stackoverflow.com")'>单击我</按钮><!-- 使用HTML表单--><表单操作='https://stackoverflow.com'方法='get'><input-type='submit'value='Click-Me'/></form><!-- 使用HTML定位标记--><a href='https://stackoverflow.com'><button>单击我</button></a>