1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <meta name="author" content=" - .com"> 6 <meta name="copyright" content=" - .com"> 7 <title> - www..com</title> 8 <style> 9 </style> 10 <script> 11 window.onload = function(){ 12 13 14 //w 15 (function(){ 16 var oBtn = document.getElementById('btn1'); 17 oBtn.onclick = function(){ 18 alert(oBtn.value); 19 }; 20 })(); 21 22 //z 23 (function(){ 24 var oBtn = document.getElementById('btn2'); 25 oBtn.onclick = function(){ 26 alert(oBtn.value); 27 }; 28 })(); 29 30 31 32 }; 33 </script> 34 </head> 35 <body> 36 <input type="button" value="aaa" id="btn1"> 37 <input type="button" value="bbb" id="btn2"> 38 </body> 39 </html>
i的问题
1.循环里面用定时器，定时器里面用i i不是 0 1 2 而是 长度
2.循环里面用事件，事件里面用i,i的问题
a）this.index 自定义属性
b) 封闭空间 函数每执行一次，复制一次函数（带着参数去复制）
()前边的小括号 是函数定义
()后面的小括号是函数的调用
(function(index){})(i);
总结封闭空间
i的问题
a.循环里面用事件，事件里面用i,i的问题
b.循环里面用定时器，定时器里面用i i不是 0 1 2 而是 长度
前端协作命名冲突
1.提前商量
2.封闭空间