<!DOCTYPE html>
<html><head><meta charset="UTF-8"><meta name="description" content=""><meta name="keywords" content=""><title>用闭包的写法弹出元素的索引值</title><!-- <script type="text/javascript" src="jquery-1.10.1.min.js"></script> --><script src="http://libs.baidu.com/jquery/1.9.0/jquery.js"></script></head><script type="text/javascript">// jquery写法;// $(function() { // $('li').click(function(event) { // alert($(this).index());// });// }); // js原生写法一;// window.οnlοad=function(){ // var aLi=document.getElementsByTagName('li');// for (var i=0;i<aLi.length;i++) { // var aa=function(i){ // aLi[i].οnclick=function(){ // // console.log(i);// alert(i);// };// };// aa(i);// }// }// js原生写法二闭包;
window.οnlοad=function(){ var aLi=document.getElementsByTagName('li'); for (var i=0;i<aLi.length;i++) { (function(i){ aLi[i].οnclick=function(){ // console.log(i); alert(i);};
})(i); }}</script>
<body><ul> <li>1111</li> <li>1111</li> <li>1111</li></ul></body></html>