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)"

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