第一個for循環(huán)只是遍歷一下li，給所有l(wèi)i加上點擊事件；第二個for循環(huán)作用是，先把其它的class清除掉，再給當前點擊的li加上class。沒有發(fā)生點擊事件的時候，外面for循環(huán)執(zhí)行到“oli[i].index=i;?”,當網(wǎng)頁加載好的同時就已經獲取了所有index，里面的for循環(huán)下面兩行是點擊后才執(zhí)行的。你看對應的花括號就是了。

oli[i].onclick?=?function(){
????//?里面所有的語句都被onclick事件包含。
????……
}

這是我的理解，如果有其他同學的理解跟我不一樣歡迎指出來。大家一起學習。謝謝

當沒有發(fā)生點擊事件的時候，外面那個for循環(huán)執(zhí)行到哪一步啊？是當網(wǎng)頁加載好的同時就已經獲取了所有index，還是要點擊的時候才獲取相應的index?。績萬or循環(huán)下面那兩行是要點擊事件發(fā)生后才執(zhí)行嗎？

window.onload=function(){

? ? ? ? var oul=document.getElementsByTagName("ul")[0];

? ? ? ? var oli=oul.getElementsByTagName("li");

? ? ? ? var odiv=document.getElementsByTagName("div");

? ? ? ? for(var i=0;i<oli.length;i++){

? ? ? ? ? ? oli[i].index=i;

? ? ? ? ? ? oli[i].onclick=function(){

? ? ? ? ? ? ? ? for(var j=0;j<oli.length;j++){

? ? ? ? ? ? ? ? ? ? oli[j].className="";

? ? ? ? ? ? ? ? ? ? odiv[j].className="hide";

? ? ? ? ? ? ? ? }

? ? ? ? ? ? this.className="on";

? ? ? ? ? ? odiv[this.index].className="";

? ? ? ? ? ? }

? ? ? ? }

? ? }