代码描述:javascript事件 处理函数 传递参数。javascript如何给事件处理函数传递参数
在实际应用中,事件处理函数也是需要参数,下面就通过实例代码介绍一下如何实现此功能。 先看一段实例代码:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51qianduan.com/" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>事件处理函数传递参数-51前端</title> <script type="text/javascript"> window.onload=function(){ var ocontent=document.getElementById("content"); var bt=document.getElementById("bt"); function setContent(content){ ocontent.innerHTML=content; } bt.onclick=setContent("51前端"); } </script> </head> <body> <div id="content"></div> <input type="button" value="查看结果" id="bt"/> </body> </html>
通过以上方式并不能够正确的注册事件处理函数,因为函数直接就执行了,下面简单做一下变通,代码如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.51qianduan.com/" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>事件处理函数传递参数-51前端</title> <script type="text/javascript"> window.onload=function(){ var ocontent=document.getElementById("content"); var bt=document.getElementById("bt"); function setContent(content){ ocontent.innerHTML=content; } bt.onclick=function(){setContent("51前端");} } </script> </head> <body> <div id="content"></div> <input type="button" value="查看结果" id="bt"/> </body> </html>
请绑定手机号,在继续操作
注意:只有绑定手机以后,才可使用网站全部功能