為什么把this換成oList[i]就不行？
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 = "";
? ? ? ?}
? ? };
2015-03-20
? 因為頁面一旦加載完成就觸發(fā)onload事件,而onclick事件觸發(fā)之前,for(var i= 0,len = oLis.length;i<len;i++)這個循環(huán)已經(jīng)運行完成了!oLis[i].onclick = function()這段代碼只是掛在那里(掛這個詞不怎么準(zhǔn)確,意思放在那里,等待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)的過程中綁定下標(biāo)i(0 1 2)到oLis數(shù)組相應(yīng)元素oLis[0] oLis[1] oLis[2]的index變量上(例如oLis[0].index = 0;oLis[1].index =1;oLis[2].index=2)
?? 當(dāng)onclick事件觸發(fā)的時候,this.className中的this就是當(dāng)前鼠標(biāo)所在的元素(例如家居), 同時oDivs[this.index]會獲取到家居所對應(yīng)的oLis數(shù)組中的index值(這里是1,因為我們已經(jīng)在完成的循環(huán)中將oLis[1]=1 了),而如果換成oLis[i]則因為i===3(恒等于3),所以oLis[i]===oLis[3],當(dāng)然會出錯了!建議好好看一下JS的閉包原理和事件機制!
2015-03-13
按理說 OLis在windoe.onload{}內(nèi)部是全局變量
應(yīng)該在內(nèi)層函數(shù)中也能用啊
2015-01-16
this指當(dāng)前元素，而在循環(huán)體中oLis[i]有一個事件，而這個事件調(diào)用的函數(shù)中并沒有參數(shù)，所以會出現(xiàn)這樣的結(jié)果，如果想在函數(shù)調(diào)用某個變量的時候，要不就是在該函數(shù)中有這個變量，要不就是將這個變量作為參數(shù)傳遞到函數(shù)中