將javascript變量嵌入到我的html錨href中

Question

我有一段HTML，當由瀏覽器呈現時，它應該類似於以下內容：

<b>This is a test</b><a href="foo.php?bar=yay">Test over!</a>

我的問題是foo.php是在文檔的javascript var中定義的。 出於參數考慮，var的名稱為myPath 。 我試圖弄清楚如何從上面的HTML中刪除硬編碼的foo.php ，並使其從myPath讀取它。

我嘗試了轉義引號和document.write()不同變體，但是運氣不高。

有沒有辦法做類似的事情：

<a href=" + myPath + "?bar=yay">

並從myPath渲染foo.php嗎？

Answer 1

如果為鏈接提供ID ，則可以在JavaScript中使用該ID來引用元素並修改其href 。

<a href="#" id="js_link">

然后您的JavaScript可能看起來像這樣：

window.onload = function() {
    var myPath = 'foo.php',
        link = document.getElementById('js_link');

    link.href = myPath;
}

Answer 2

只需使用getElementByID然后設置href屬性。

查看這個工作示例 。

(function () {
    var a = document.getElementById('mylink');
    var fooLink = 'foo.php';
    var link = fooLink + '?bar=yay';
    a.href = link;
})();

Answer 3

您應該能夠使用內聯腳本來輸出javascript變量。 這可能會幫助如何使用PHP輸出JavaScript