如果你正在使用Bootstrap 3，这工作得很好

<a href="#" class="btn btn-primary btn-lg active" role="button">Primary link</a>
<a href="#" class="btn btn-default btn-lg active" role="button">Link</a>

另一种选择是使用按钮的onclick属性:

<button disabled="disabled" onClick="location.href='www.stackoverflow.com'" >ABC</button>

这是可行的，然而，用户不会看到链接显示在悬停，因为他们会看到它在元素中。

在按钮内使用formaction属性

PS !只有当你的按钮类型="submit"时它才有效

<button type="submit" formaction="www.youraddress.com">Submit</button>

您可以向按钮添加一个类，并放置一些重定向脚本。

我是这样做的:

<button class='buttonClass'>button name</button>

<script>
$(".buttonClass').click(function(){
window.location.href = "http://stackoverflow.com";
});
</script>

说明及工作方案: 如何:div与onclick在另一个div与onclick javascript

通过在你的内部点击处理程序中执行这个脚本:

 if (!e) var e = window.event;
 e.cancelBubble = true;
 if (e.stopPropagation) e.stopPropagation();

如果它是有效的，那就太奇怪了，我认为它是无效的。将一个可点击元素置于另一个可点击元素之中意味着什么?是按钮，还是链接?