首頁 > web前端 > js教程 > 主體

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

WBOY
發布: 2016-05-16 17:39:03
原創
908 人瀏覽過
我們先來看錯誤的例子
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>
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板