解决function函数内的循环变量_javascript技巧

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <style type="text/css"> ul{border:1px solid red; width:300px} li{height:40px; margin:5px; background-color:#CCCCCC} </style> <title>无标题文档</title> <ul> <li>1111111111</li> <li>22222222222</li> <li>3333333333333</li> <li>44444444444</li> <li>55555555555</li> </ul> <script type="text/javascript"> window.onload = function(){ var li_o = document.getElementsByTagName("li"); for(var i=0;i<li_o.length;i++) { li_o[i]['i'] = i; li_o[i].onmouseover = function(){ alert("看看现在弹出的是几"+this["i"]); } } } </script>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]