只是想知道是否有办法让 HTML<button>元素链接到某个位置而不用将其包装在<a href...标签中？
按钮目前看起来像：
<button>Visit Page Now</button>
我宁愿不有：
<a href="link.html"><button>Visit Page Now</button></a>
该按钮未在表单中使用，因此<input type="button">不是一个选项。我只是想知道是否有一种方法可以链接此特定元素而无需将其包装在<a href标签中。
期待听到一些选择/意见。
内联 Javascript：
<button onclick="window.location='http://www.example.com';">Visit Page Now</button>
在 Javascript 中定义一个函数：
<script>
function visitPage(){
window.location='http://www.example.com';
}
</script>
<button onclick="visitPage();">Visit Page Now</button>
或在 Jquery 中
<button id="some_id">Visit Page Now</button>
$('#some_id').click(function() {
window.location='http://www.example.com';
});
这是一个即使在禁用 JavaScript 时也能工作的解决方案：
<form action="login.html">
<button type="submit">Login</button>
</form>
诀窍是用自己的<form>标签包围按钮。
我个人更喜欢<button>标签，但你也可以这样做<input>：
<form action="login.html">
<input type="submit" value="Login"/>
</form>
就这样做
<button OnClick=" location.href='link.html' ">Visit Page Now</button>
虽然，自从我接触 JavaScript 已经有一段时间了——也许location.href已经过时了？无论如何，这就是我要做的。
考虑默认情况下 <a href> 知道但 javascript 链接不会为您做的技巧。在一个像样的网站上，任何想要充当链接的东西都应该以某种方式实现这些功能。即：
现在，如果你不想模仿所有的行为，我建议使用<a HREF>和风格它像一个按钮，因为按钮本身是一个大致的形状和悬停效果。我认为如果只有“按钮而没有别的”在语义上并不重要，<a href> 是武士的方式。如果你担心语义和可读性，你也可以在你的文档准备好时替换按钮元素（）。这是清晰和安全的。
嗯，对于一个链接，周围必须有一个链接标签。您还可以做的是为按钮创建一个 css 类并将该类分配给链接标签。喜欢，
#btn {
background: url(https://image.flaticon.com/icons/png/128/149/149668.png) no-repeat 0 0;
display: block;
width: 128px;
height: 128px;
border: none;
outline: none;
}<a href="btnlink.html" id="btn"></a>