如何將變量添加到href

Question

我需要這樣的東西：

var link = " http://www.google.com";

<a href='link' />

因此，我需要使用變量作為鏈接的href屬性。 這可能嗎？

它與"<a href= '" + link + "' />" 。 有沒有更好的辦法？

Answer 1

您應該在服務器上設置href值，為此使用腳本是不好的設計。

但是，要回答這個問題，可以通過使用腳本設置A元素在DOM中后設置其href屬性來完成，例如：

<a href="<a useful URI if javascript not available>" id="a0">foo</a>

<script type="text/javascript">
  var a = document.getElementById('a0');
  if (a) {
    a.href = "http://www.google.com";
  }
</script>

當然，還有其他一千種方法，都有它們的陷阱。 因此，請在服務器上設置該值，並避免全部使用。

-- 
Rob

Answer 2

使用jQuery，這將是

var link = "http://www.google.com";
$("a[href='link']").attr("href", link);

盡管應該關閉javascript，但這並不能很好地降低性能，並且您可能想使用其他東西，而不是通過href進行選擇。

Answer 3

如果您實際上是在寫這兩行代碼，那么使用write會容易得多

<a href="http://www.google.com">Google</a>

否則，您將需要使用JavaScript來設置鏈接的href屬性，這將需要獲取對它的引用（這意味着您應該設置其id屬性）。

因此，您可以編寫如下內容：

<a id="myLink">Google</a>

並且在您的JavaScript中具有：

document.getElementById("myLink").href=link

但首先，請考慮這是否確實必要（或在您的問題中提供更多詳細信息）。

Answer 4

您正在使用Jetpack，因此可以執行<a href={link}/>.toXMLString() 。

如果您只想創建一個<a/>元素，請使用以下內容。

var anchor = document.createElement("a");
anchor.href = link;