为什么把this换成oList[i]就不行?

来源:10-1 编程挑战

大皇冠

2015-01-16 18:23

for(var i= 0,len = oLis.length;i<len;i++)

    {

      oLis[i].index = i;

      oLis[i].onclick = function() 

       {

         for(var n= 0;n<len;n++)

         {

            oLis[n].className = "";

            oDivs[n].className = "hide";

         }

        this.className = "li1";

        oDivs[this.index].className = "";

       }

    };


写回答 关注

3回答

  • Lybon
    2015-03-20 12:18:55

      因为页面一旦加载完成就触发onload事件,而onclick事件触发之前,for(var i= 0,len = oLis.length;i<len;i++)这个循环已经运行完成了!oLis[i].onclick = function()这段代码只是挂在那里(挂这个词不怎么准确,意思放在那里,等待onclick事件触发),这时候的i=3.在 oLis[i].onclick = function()之前document.writeln(i)你会发现输出012,说明循环已经完成.
       oLis[i].index = i 的作用只是在循环的过程中绑定下标i(0 1 2)到oLis数组相应元素oLis[0] oLis[1] oLis[2]的index变量上(例如oLis[0].index = 0;oLis[1].index =1;oLis[2].index=2)

       当onclick事件触发的时候,this.className中的this就是当前鼠标所在的元素(例如家居), 同时oDivs[this.index]会获取到家居所对应的oLis数组中的index值(这里是1,因为我们已经在完成的循环中将oLis[1]=1 了),而如果换成oLis[i]则因为i===3(恒等于3),所以oLis[i]===oLis[3],当然会出错了!建议好好看一下JS的闭包原理和事件机制!


  • Ambition_zl
    2015-03-13 17:40:55

    按理说 OLis在windoe.onload{}内部是全局变量

    应该在内层函数中也能用啊

  • 康振宁
    2015-01-16 19:33:03

    this指当前元素,而在循环体中oLis[i]有一个事件,而这个事件调用的函数中并没有参数,所以会出现这样的结果,如果想在函数调用某个变量的时候,要不就是在该函数中有这个变量,要不就是将这个变量作为参数传递到函数中

    Ambiti...

    不对吧,依你这么说 OLis[n]也没定义,也不能用啊

    2015-03-13 17:39:31

    共 2 条回复 >

JavaScript进阶篇

本课程从如何插入JS代码开始,带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题