使用DOM的HTML中带有参数的Javascript调用函数

Question

在我的html页面中，我有以下代码：

onclick="javascript:CheckAdd({document.getElementById('user_btn').value,document.getElementById('txt_btn').value});

但是当我单击按钮调试器时说：

  

未捕获到的SyntaxError：意外令牌。

我的电话怎么了？

非常感谢

Answer 1

您要将一个对象传递给CheckAdd函数，该对象必须包含每个值的键：

onclick="CheckAdd({ key1: document.getElementById('user_btn').value, key2: document.getElementById('txt_btn').value });

没有键，您的语法无效。

但是，如果checkAdd函数使用两个参数而不是一个对象，请在不带括号的情况下调用它，如下所示：

onclick="CheckAdd(document.getElementById('user_btn').value, document.getElementById('txt_btn').value);

Answer 2

您错过了添加密钥的机会。

onclick="javascript:CheckAdd({k1: document.getElementById('user_btn').value, k2: document.getElementById('txt_btn').value});

如果您不想传递对象，则传递数组。

Answer 3

删除{ }，然后重试或使用类似这样的参数

{v1:document.getElementById('user_btn').value,v1:document.getElementById('txt_btn').value }