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对象，其中包含有关例如单击了什么按钮以及在何处的详细信息。

Answer 2

没有参数就不能调用，除非这样做：

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

要么

function foo(){
    some stuff
}

要么

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

因此，您可以分配一些值以使用该功能。