如何在 href 中插入 JavaScript 变量？ [关闭]答案

【问题标题】：How to insert a JavaScript variable in href? [closed]如何在 href 中插入 JavaScript 变量？ [关闭]
【发布时间】：2015-03-24 17:59:58
【问题描述】：

我正在尝试将 JavaScript 变量放入 href。

<a href="http://google.com/{$order.paymentBefore}/{$order.guid}">click here</a>

当我使用href 时，因为我希望链接显示为“单击此处”，所以它会保持原样--> {$order.paymentBefore}/{$order.guid}，不变。

【问题讨论】：

您希望使用什么模板引擎来解析该变量？ WHat 语言是在中创建的变量
编写一个生成 href 的函数。你不能像以前那样混合使用 html 和 js。
看这个帖子：stackoverflow.com/questions/4772774/…

标签： java javascript variables href

【解决方案1】：

您可以将 href 值提及到您拥有的静态值，并且可以在 onclick 调用中给出变量。见下例：

    var orderLink= "xyz";
     <a style="font-size:large;align-content:center" 
href="http://<static value>" onclick="location.href = this.href + orderLink; return false;"> Click Here </a>

【讨论】：

【解决方案2】：

使用 click event 表示<a>，如下所示

HTML

<a onclick="redirectTo();">click here</a>

JavaScript 函数

function redirectTo(){
     var parameter1 = $order.paymentBefore; // some thing like this you can set value for 1st Param.
     var parameter2 = $order.guid; // some thing like this you can set value for 2nd Param.
    window.location.href="http://google.com/"+parameter1+"/"+parameter2;

}

【讨论】：

@NikaKvezereli - 如果上述答案对您有用，那么accept 答案和upvote 将有助于其他人找到正确的解决方案。
这太棒了

【解决方案3】：

在您的 javascript 中，包含一个将 href 更改为所需内容的函数。你不能以你的方式使用它。

让你的 html 标签看起来像这样。

<a id="hyperlink" href="#">Click Here</a>

现在创建一个 javascript 函数，它会在您调用它时更新 url。

function myFunction() { //Call this function whenever you want to update the href
    var link = document.getElementById("hyperlink");
    link.href = "http://google.com/" + $order.paymentBefore + "/" + $order.guid;
}

【讨论】：