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 的函数原型(prototype)是 SendData(userId, susData) //user.ID 没有引号，因为它是一个数字

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