javascript - 如何在 JavaScript 中以编程方式传递参数？

Question

这是我的代码，

var baseurl = "https://localhost:8888/files/";

var mydiv = document.getElementById("myDiv"); 
var aTag = document.createElement('a');
aTag.setAttribute('href',"#");
aTag.setAttribute('onclick',"getFolderList(" + baseurl + ")"); 
aTag.innerHTML = "Home /";
mydiv.appendChild(aTag);

此处，getFolderList 是接受一个参数的 JavaScript 函数。我使用了上面的代码，但它没有调用该函数。如何将“baseurl”值传递给 getFolderList 函数？

Answer 1

您忘记添加引号:

aTag.setAttribute('onclick',"getFolderList('" + baseurl + "')");
                                           ^               ^

按照您编写的方式，引擎会将 https://localhost:8888/files/ 视为变量名称，这当然会导致语法错误。

最后，您应该避免在 HTML 属性中编写这样的代码 - 如果 baseurl 来自外部源，则可能会导致脚本注入(inject)攻击。请改用事件监听器语法:

aTag.addEventListener("click", function() {
    getFolderList(baseurl);
});