如何在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来自外部源，它可能导致脚本注入攻击。改用事件侦听器语法：

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