實現到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>元素充當鏈接沒有任何意義...

Answer 2

如果確實需要使用<button>標記，則可以使用Javascript添加鏈接：

<button onclick="location.href='url_address'">Your HTML content</button> 

我認為使用<a>標記而不是<button> ，然后使用CSS設置它們的樣式以使其看起來更像按鈕。 這樣，您就可以依賴標記的默認行為，而不必使用Javascript。

Answer 3

<input type="button" value="click for google" onClick="window.location='http://w­ ww.google.com' ">

或者你可以使用

<button onclick="document.location.href='link';­ return false;">Link Text</button>

Answer 4

我認為您只需使用href元素包裝按鈕，如下所示：

<div class="buttons">
  <a href="your link here"><button class="action bluebtn"><span class="label">CREATE NEW ACCOUNT</span></button></a>
</div>

其余按鈕也一樣。 用“ a href”標簽將它們包裝起來。