function addEventListener
<ul> <li>假如ev1与ev2都未添加圆括号,那么点击按钮后依次输出first,second</li> <li>假如ev1添加了圆括号而ev2没有,那么页面加载完成后输出first</li> <li>假如ev2添加了圆括号而ev1没有,那么页面加载完成后输出second</li> <li>假如ev1与ev2都添加了圆括号,那么页面加载完成后依次输出first,second</li> </ul> <b>注意:ev不加()是把函数名作为参数传入,返回值为整个函数体。而加了()即为马上调用(执行)函数,返回值为函数返回值</b><br/> <button id="btn">点击事件</button> <script type="text/javascript"> var e = document.getElementById("btn"); e.addEventListener("click",ev1);//此处ev1没有添加圆括号表示将ev1作为参数传递给function ev1(),按钮点击完成之后执行函数 function ev1(){ console.log("first"); } e.addEventListener("click",ev2());//此处ev2添加圆括号表示立即执行function ev2,返回值为函数体false,页面加载完成之后执行函数 function ev2(){ console.log("second"); } </script>