UC知道网页舌签的javascript代码解释
来源：百度知道 编辑：UC知道 时间：2024/05/22 15:39:19
我是个新手，想学习一下关于网页舌签，但里面插入的javascript让我头痛的很，那位大哥给解释一下下面的代码！谢谢。。。
function switchTab(tabpage,tabid)
{
var oItem = document.getElementById(tabpage);
for(var i=0;i<oItem.children.length;i++){
var x = oItem.children(i);
x.className = "";
var y = x.getElementsByTagName('a');
y[0].style.color="#333333";
}
document.getElementById(tabid).className = "Selected";
var dvs=document.getElementById("cnt").getElementsByTagName("div");
for (var i=0;i<dvs.length;i++){
if (dvs[i].id==('d'+tabid))
dvs[i].style.display='block';
else
dvs[i].style.display='none';
}
}
function switchTab(tabpage,tabid)
{
var oItem = document.getElementById(tabpage);
for(var i=0;i<oItem.children.length;i++){
var x = oItem.children(i);
x.className = "";
var y = x.getElementsByTagName('a');
y[0].style.color="#333333";
}
document.getElementById(tabid).className = "Selected";
var dvs=document.getElementById("cnt").getElementsByTagName("div");
for (var i=0;i<dvs.length;i++){
if (dvs[i].id==('d'+tabid))
dvs[i].style.display='block';
else
dvs[i].style.display='none';
}
}
你看到的function后面的东西就是函数了，var后面就是变量了
逐行分析：
定义函数，
定义了一个变量，是当前文档中的一个名叫tagpage的元素，document是内置对象，就是不用定义可以直接使用的，也可以看成是已经定义好了的，getElementById()是document的一个方法。
迭代oitem下面的子元素，将其className属性置空，再将其中的<a></a>标签颜色设为#333333,<a></a>标签一般是做超链接用的。
完了之后，将文档中的一个名为tabid的元素设为选中状态，
再获得文档中的名为cnt的元素下面的子元素div
如果子div的id属性等于tabid前面加个o,
将此子div的显示风格高为block
否则设为none.
当然 ，这个函数会在页面发生什么事件或者有个什么动作的时候补调用，
总的来看，应该就是用来在点一下之后改变超链接的颜色，这有点像你在看一个被分成好几页的页面时，会有那些123456789这样的数字，点一下，进入对应的页面，同时颜色变了，
至于具体的作用，最好把页面的代码也传上来，再看看，毕竟javascript要配合页面代码使用，，，，，，