JS实现循环给元素绑定事件的几个常用方法

HTML代码：

<div class="wrap">  
        <a href="javascript：;" class="link">第一个链接</a>  
        <a href="javascript：;" class="link">第二个链接</a>  
        <a href="javascript：;" class="link">第三个链接</a>  
</div>

原JS代码（发现不管点哪个链接都是弹出“3”）：

window.onload = function()   
{  
     var aLi = document.getElementsByTagName("a");  
     for(var i = 0; i < aLi.length; i++)   
     {  
         aLi[i].onclick = function()   
         {  
                alert(i);   //3  
         }     
      }  
}

解决方案一：

window.onload = function()   
{  
     var aLi = document.getElementsByTagName("a");  
     for(var i = 0; i < aLi.length; i++)   
     {  
      aLi[i].count = i;  
      aLi[i].onclick = function()   
      {  
           alert(this.count);     
      }     
      }   
}

解决方案二：

window.onload = function()   
{  
     var aLi = document.getElementsByTagName("a");  
     for(var i = 0; i < aLi.length; i++)   
     {  
      aLi[i].count = i;  
      aLi[i].onclick = function()   
      {  
           alert(this.count);     
      }     
      }   
}