码迷,mamicode.com
首页 > 编程语言 > 详细

javascript变量存储

时间:2017-02-11 12:46:31      阅读:140      评论:0      收藏:0      [点我收藏+]

标签:变量的存储   doc   document   点击   cli   绑定   span   index   pre   

var i = 1;

开辟一个空间名为i,并且存储值为1。

 

var li = document.getElementsByTagName(‘li‘);
for(var i = 0; i < li.length; i++){
  li[i].addEventListener(‘click‘,function(e){
    alert(i);
  }
}

点击li时,alert出的相同的结果,i的值都为li.length的值。

给每个li注册点击事件,并绑定回调函数function(e)(alert( i)。在点击事件触发后执行回调函数时,i变量的存储值为li.length。

 

var li = document.getElementsByTagName(‘li‘);
for(var i = 0; i < li.length; i++){
  (function(index){
    li[i].addEventListener(‘click‘,function(e){
      alert(index);
    }
  })(i);
}

点击li时,正确alert出每个li的索引位置。

执行每次for循环时,通过自执行函数把当前i的值传递给参数变量index,在执行回调函数时,读取参数的index值。

 

javascript变量存储

标签:变量的存储   doc   document   点击   cli   绑定   span   index   pre   

原文地址:http://www.cnblogs.com/fe-huahai/p/6388873.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!