window.onload，oLis[i].index=i，oDivs[this.index]

<script type="text/javascript">

         window.onload = function(){

             var oTab = document.getElementById("tabs");

             var oUl = oTab.getElementsByTagName("ul")[0];

             var oLis = oUl.getElementsByTagName("li");

             var oDivs= oTab.getElementsByTagName("div");

             for(var i= 0,len = oLis.length;i<len;i++){

                 oLis[i].index = i;

                 oLis[i].onmouseover = function() {

                    for(var n= 0;n<len;n++){

                         oLis[n].className = "";

                         oDivs[n].className = "hide";

                     }  

                     this.className = "on";

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

                 }

             };

         }

    </script>

代码中为什么用到这几个，不用的话为什么不能实现