html - 实现链接到 HTML/CSS 按钮

Question

我需要在这些按钮中添加一个链接:

<div class="buttons">
      <button class="action bluebtn"><span class="label">CREATE NEW ACCOUNT</span></button>
      <button class="action redbtn"><span class="label">EDIT ACCOUNT</span></button>
      <button class="action greenbtn"><span class="label">IMPORT EDI TEXT FILES</span></button>
      <button class="action"><span class="label">LOG OUT</span></button>
    </div>

有人可以帮帮我吗？

Answer 1

这里有几个选项，具体取决于您是否可以更改 HTML:

如果您可以更改 HTML使按钮成为常规 <a href="http://www....">link</a>或者你可以添加一个 onclick 事件:

<button class="action bluebtn" onclick="javascript:document.location='some-url'">
    <span class="label">CREATE NEW ACCOUNT</span>
</button>

如果您不能更改 HTML，请使用 jQuery 之类的工具获取按钮并在其中添加 onclick 事件:

$("button.bluebtn").click(function(){
    document.location = 'some-url';
    return false;
});

但如果可以的话，我确实建议将按钮更改为常规链接。有<button>充当链接的元素没有意义......