javascript - 创建带参数的链接标签

Question

您好，我有一个从 javascript 创建的链接标记。现在我想向该链接附加一个参数，就像下面的示例一样。这样当用户单击该按钮时，它应该与参数一起转到该 url

var id="123456789";
var data = '<a href="/order/product/ + id"> click</a>' ;

我将此数据标记附加到其他元素。现在我可以调用/order/product了。但是当我给 id 时它也给出错误“缺少参数”! 谁能帮帮我？

Answer 1

你必须取消引用变量所在的字符串

var id   = "123456789";
var data = '<a href="/order/product/' + id + '"> click</a>' ;

或者在支持 ES2015+ 模板文字的真正最新的 JavaScript 引擎上:

var id   = "123456789";
var data = `<a href="/order/product/${id}"> click</a>`;

但这不适用于任何版本的 IE(适用于 Edge)。