JS作用域和事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> </head> <body> <!--作用域与事件--> <!-- 局部变量：在函数中通过var声明的变量。 全局变量：在函数外通过var声明的变量。 没有声明就使用的变量，默认为全局变量，不论这个变量在哪被使用。 在 ES6 中，提供了 let 关键字和 const 关键字。 let 的声明方式与 var 相同，用 let 来代替 var 来声明变量，就可以把变量限制在当前代码块中。 使用 const 声明的是常量，其值一旦被设定便不可被更改。 --> <!--点击事件 onclick--> <button onclick="this.innerHTML=Date()">现在的时间是?</button> <!--在event监听参数中click事件不要on--> <input id="test" type="button" value="提交"/> <script> window.onload = function(){ var test = document.getElementById("test"); test.addEventListener("click",myfun2); test.addEventListener("click",myfun1);//添加事件句柄 test.removeEventListener("click",myfun2)//删除添加事件句柄 } function myfun1(){ alert("你好1"); } function myfun2(){ alert("你好2"); } </script> </body> </html>
HTML DOM事件详情
