                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進階篇

aLi[i].index = i;。。。求破十萬火急

?aLi[i].index = i;

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

這兩句求破。。

http://idcbgp.cn/qadetail/63838

在這里提到第一句使用index是讓了個ali添加索引值，使其便于查找。

但ali本身不是一個數(shù)組嘛？自帶了數(shù)組下標呀，為啥需要index。

a746785570

2015-03-08

源自：JavaScript進階篇 10-1

關(guān)注問題我要回答

6438

操作

收起

3 回答

Lybon
2015-03-20

回復(fù) 我只是我：因為頁面一旦加載完成就觸發(fā)onload事件,而onclick事件觸發(fā)之前,for(var i= 0,len = oLis.length;i<len;i++)這個循環(huán)已經(jīng)運行完成了!oLis[i].onclick = function()這段代碼只是掛在那里(掛這個詞不怎么準確,意思放在那里,等待onclick事件觸發(fā)),這時候的i=3.在oLis[i].onclick = function()之前document.writeln(i)你會發(fā)現(xiàn)輸出012,說明循環(huán)已經(jīng)完成.
oLis[i].index = i 的作用只是在循環(huán)的過程中綁定下標i(0 1 2)到oLis數(shù)組相應(yīng)元素oLis[0] oLis[1] oLis[2]的index變量上(例如oLis[0].index = 0;oLis[1] =1;oLis[2]=2),
當onclick事件觸發(fā)的時候,this.className中的this就是當前鼠標所在的元素(例如家居), 同時oDivs[this.index]會獲取到家居所對應(yīng)的oLis數(shù)組中的index值(這里是1,因為我們已經(jīng)在完成的循環(huán)中將oLis[1]=1了),而如果換成oLis[i]則因為i永遠=3,所以oLis[i]===oLis[3],當然會出錯了!建議好好看一下JS的閉包原理和事件機制

12 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

Lybon

oLis[1].index=1,oLis[2].index=2寫錯了

2015-03-20 回復(fù) 有任何疑惑可以回復(fù)我~

#2

狐貍君raphael

既然i = 3了，為什么還要aLi[i].index=i呢？這時候不是把aLi[i].index設(shè)成3了嗎？

2016-06-14 回復(fù) 有任何疑惑可以回復(fù)我~

睡覺的眼鏡
2015-03-11

把i的值儲存到index中，在oDivs[this.index].className = "";這句中this.index的值是當前鼠標所在的元素，oLis[i].index = i;的意義是可以讓this.index獲取任意一個index值

3 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

我只是我

不懂，為什么直接寫下標不成功？為什么不能夠直接這樣子寫： oLis[i].className="on"; oDivs[i].className = "";

2015-03-17 回復(fù) 有任何疑惑可以回復(fù)我~

#2

Lybon 回復(fù) 我只是我

看一下樓下我的解釋吧,應(yīng)該能懂的!

2015-03-20 回復(fù) 有任何疑惑可以回復(fù)我~

#3

Windcx 回復(fù) 我只是我

CPT的回答我是懂了，他意思是說，js在onload加載的時候，for循環(huán)已經(jīng)在運行完成了，等待的是鼠標點擊事件的出發(fā)，那么此時，i的值已經(jīng)達到3了，如果沒有索引值，會出現(xiàn)只有i=3的錯誤，利用自定義的index，將每個點擊對應(yīng)的下標存放在index，在點擊事件觸發(fā)的時候，準確定位到該index所在div，從而顯示出來，不過className這個是什么不清楚。

2015-04-23 回復(fù) 有任何疑惑可以回復(fù)我~