js給onclick事件賦值，動態傳參數實例解說_javascript技巧

我們先來看錯誤的例子
Html程式碼

複製程式碼 程式碼:

Javascript程式碼

複製程式碼

複製程式碼

複製程式碼



複製程式碼

複製程式碼
程式碼如下:

<script> <a style="CURSOR: pointer" data="34839" class="copybut" id="copybut34839" onclick="doCopy('code34839')">function show(value) <U>{ alert(value); } </script>

btn.onclick = show( certid.value);

<script> <BR><BR> </script>

以上程式碼執行起來是有錯誤的,因為show(certid.value)這句,直接就執行了show方法,而沒有正確把這個方法對象賦給btn.onclick事件.

如果我們改成這樣

複製代碼程式碼如下:

btn.onclick = show;


參數又無法傳遞.
所以正確的程式碼應該這樣寫,我們加一個參數以看得更明白一些:

Html程式碼

複製程式碼 程式碼如下:

程式碼如下:








Javascript程式碼

複製程式碼 程式碼如下: 程式碼如下: 🎜><script> <🎜>function show(value1,value2) <🎜>{ <🎜>alert(value1 "," value2); <🎜>} <🎜><🎜>var i = 10; <🎜>} <🎜><🎜>var i = 10; <🎜>tn .onclick = function(){ <🎜>show(certid.value,i); <🎜>}; <🎜><script> <🎜><🎜> <🎜>這樣就實作了動態給onclick事件句柄賦值,並支援參數的傳遞.</script>