Javascript 将变量传递给 onclick 不起作用

Question

我正在尝试使用 Javascript 通过 HTML 生成将变量传递给另一个函数，但它没有通过。这是我的代码：

var wer_people_btn1 = document.createElement("span");
wer_people_btn1.setAttribute('onclick', 'SendData(' + user.ID + " ANDINFO " + susData + ')');

function SendData(reply) {
}

user.ID contains "3323"

susData contains "< DATA > (info_user)"

我得到的错误：

Uncaught SyntaxError: missing ) after argument list

我认为 <> 括号在这里引起了麻烦。如何将它们作为字符串传递给我的函数？

Answer 1

因为无论您发送什么，该数据都必须是一个字符串。因此字符串必须在引号 ' 或 " 中，但不应冲突。所以利用 Javascript 的单引号和双引号，或者尝试使用转义字符 \'

wer_people_btn1.setAttribute('onclick', "SendData('" + user.ID + " ANDINFO " + susData + "')");

如评论中所述，只能传递event和element(this)

更好的解决方法：上面将为 SendData 创建一个字符串输入，但你想作为单独的参数接收，那么下面的工作 "SendData(" + user.ID + ",'" + susData + "')"); 其中SendData函数原型为SendData(userId, susData) //no quotes for user.ID since it is a number

如果您需要传递自定义对象，请查看此 SO 1st answer，这是我知道的唯一可能的方法。

Javascript 将变量传递给 onclick 不起作用

Javascript Passing variable to an onclick doesn't work

javascript

html

javascript-objects