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

想知道這段JS代碼的意思

window.onload = function() {

? ? ? ? var oUl1 = document.getElementById("ul1");

? ? ? ? var aLi = oUl1.getElementsByTagName("li");

? ? ? ? var oDiv = document.getElementById("tab-list");

? ? ? ? var aDiv = oDiv.getElementsByTagName("div");

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

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

? ? ? ? ? ? aLi[i].onmouseover = function() {

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

? ? ? ? ? ? ? ? ? ? aLi[i].className = "";

? ? ? ? ? ? ? ? }

? ? ? ? ? ? ? ? this.className = "active";

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

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

? ? ? ? ? ? ? ? }

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

? ? ? ? ? ? } ? ? ? ?

? ? ? ? }

? ? }

慕UI6363324

2016-07-15

源自：JavaScript進(jìn)階篇 10-1

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

667

操作

收起

3 回答

zhangjieying1996
2016-07-22

不知道你現(xiàn)在弄懂沒有，剛剛看了別人的解釋，用自己的話總結(jié)一下：

第一個(gè)循環(huán)是為了綁定下標(biāo)i，為了讓后面本頁面class能被設(shè)置為“show”而進(jìn)行的。

在第一個(gè)循環(huán)內(nèi)有鼠標(biāo)監(jiān)聽事件定義了點(diǎn)擊后的函數(shù)，其中包含了另一個(gè)循環(huán)，將所有頁面的classname都設(shè)置成“hide”，在css中.hide的樣式是不顯示，然后再單獨(dú)將被點(diǎn)擊的頁面設(shè)置為“show”