如何將 url 或.html 頁面鏈接鏈接到 CSS 按鈕

Question

我在根目錄中有一個“migrated.html”頁面。 如何將該鏈接添加到此 CSS 樣式按鈕？

<button onclick="#" <a href="migrated.html" class="glossy-button glossy-button--red"></a>Migrated</button>

上面的 html 代碼對我不起作用。

這是代碼集的鏈接：

https://codepen.io/prateek-vishwas/pen/Rwwpzjo

Answer 1

有幾種不同的方法可以實現這一點。

但是，據我了解，聽起來您只需要一個帶有href屬性的錨<a>標記，其樣式類似於此按鈕。

您只需在按鈕上的錨標簽上設置相同的 class 即可，因此您應該收到

<a href = "url-to-ur-page" class = glossy-button glossy-button--red>Migrated</a>

Answer 2

為什么它必須是一個按鈕？ 為什么不使用普通的“A”標簽並將他的樣式設置為按鈕？

<a href="migrated.html" class="glossy-button glossy-button--red">!!!Migrated!!! 
</a>

在您的代碼筆中工作 - 我只是在標簽內移動了遷移的文本

即使沒有 javascript，這也可以工作。 無論如何。改變當前 url 的 js 是

window.location = 'your url';

  <button onclick="window.location='migrated.html';"> 
   <a href="migrated.html" class="glossy-button glossy-button--red"></a>
   Migrated
   </button>

這也適用於您的筆