從上到下按順序執(zhí)行，頁(yè)面加載到此處運(yùn)行第一個(gè)for里面的oli[i].index=i;此時(shí)不執(zhí)行onclick這一段，當(dāng)發(fā)生點(diǎn)擊事件時(shí)才執(zhí)行，建議可以在多處增加console.log()的語(yǔ)句在控制臺(tái)查看是否執(zhí)行~

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

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

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

當(dāng)沒有發(fā)生點(diǎn)擊事件的時(shí)候，外面那個(gè)for循環(huán)執(zhí)行到哪一步??？是當(dāng)網(wǎng)頁(yè)加載好的同時(shí)就已經(jīng)獲取了所有index，還是要點(diǎn)擊的時(shí)候才獲取相應(yīng)的index?。?jī)?nèi)for循環(huán)下面那兩行是要點(diǎ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="";

? ? ? ? ? ? }

? ? ? ? }

? ? }