Question

我正在尝试在href中添加一个JavaScript变量。

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

当我使用href时，由于我希望链接显示为“点击此处”，因此它会保留在链接中 - ＆gt; {$order.paymentBefore}/{$order.guid}，不变。

Answer 1

对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;

}

Answer 2

你可以提到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>

Answer 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;
}

如何在href中插入JavaScript变量？

3 个答案: