我们先看看错误的例子

Html代码 复制代码
  1. <body>  
  2. <input id="certid" type="text" value="123456" >  
  3. <input id="btn" type="button" value="button" onclick="">  
  4. </body>  
<body>
<input id="certid" type="text" value="123456" >
<input id="btn" type="button" value="button" οnclick="">
</body>

Javascript代码 复制代码
  1.     
  2. <script>   
  3.     function show(value)   
  4.     {   
  5.         alert(value);   
  6.     }   
  7.            
  8.     btn.onclick = show(certid.value);   
  9. <script>  
 
<script>
	function show(value)
	{
		alert(value);
	}
		
	btn.onclick = show(certid.value);
<script>

以上代码执行起来是有错误的,因为show(certid.value)这句,直接就执行了show方法,而没有正确把这个方法对象赋给btn.onclick事件.
如果我们改成这样

btn.onclick = show;
参数又无法传递.

所以正确的代码应该这样写,我们加一个参数以看得更明白一些:
Html代码 复制代码
  1. <body>  
  2. <input id="certid" type="text" value="123456" >  
  3. <input id="btn" type="button" value="button" onclick="">  
  4. </body>  
<body>
<input id="certid" type="text" value="123456" >
<input id="btn" type="button" value="button" οnclick="">
</body>

Javascript代码 复制代码
  1.     
  2. <script>   
  3.     function show(value1,value2)   
  4.     {   
  5.         alert(value1+","+value2);   
  6.     }   
  7.        
  8.     var i = 10;   
  9.     btn.onclick = function(){   
  10.                            show(certid.value,i);   
  11.                        };   
  12. <script>  
 
<script>
	function show(value1,value2)
	{
		alert(value1+","+value2);
	}
	
	var i = 10;
	btn.onclick = function(){
                           show(certid.value,i);
                       };
<script>


这样就实现了动态给onclick事件句柄赋值,并支持参数的传递.