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">

让它从foo.php呈现myPath？

Answer 1

如果您为链接指定ID，则可以在JavaScript中使用该链接引用该元素并修改其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属性。

请查看 working example 。

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

Answer 3

您应该能够使用内联脚本输出您的javascript变量。这可能会有助How to output JavaScript with PHP

将javascript变量嵌入到我的html anchor href中

3 个答案: