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) {
}

用户 ID 包含“3323”

susData 包含“< DATA > (info_user)”

我得到的错误：

参数列表后未捕获的 SyntaxError: missing )

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

Answer 1

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

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

如评论中所述，只能传递事件和元素（this）。

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

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