HTML / Javascript元素调用函数onclick的正确方法

Question

假设我有一个功能

function foo(a, b, c)
{
   // ...
} 

我想要一个按钮来打电话。我知道如果它是无参数函数，调用foo的方法将是

onclick="foo()"

但是当函数有参数时，它的方法是什么？它只是

onclick="foo(a,b,c)"

????

将字符串解释为函数调用似乎很尴尬。这甚至有用吗？或者我正在尝试做什么的方式是什么？

Answer 1

假设a，b和c是在窗口范围内定义的变量，那么您的示例将是正确的方法。要传递a，b和c的特定值，您需要执行onclick="foo('bar', 'baz', 'quux')"之类的操作。 “魔术”表单onclick="foo(event)"会传递Event object包含有关例如“{3}}”的详细信息。点击了什么按钮以及在哪里。

Answer 2

除非您这样做，否则无法在没有参数的情况下进行调用：

function foo(/*a,b,c*/){
    some stuff
}

或者

function foo(){
    some stuff
}

或者

onclick="foo(a,b,c)"

因此，您可以指定一些值来使用该功能。