做的一個(gè)tab的程序

<div id="topic"><div id="topictab" class="title"><ul id="ztdata"><li id="topicline" class="normal"><a href="/zt/" rel="topicarea" urn="#default_topic">專(zhuān) 題 區(qū)</a></li><li class="active"><a href="http://database.ce.cn/district/sy/index.shtml" rel="topicarea" urn="datacenter">數(shù)據(jù)中心</a></li><li class="active"><a href="http://database.ce.cn/district/sy/index.shtml" rel="topicarea" urn="datacenter">數(shù)據(jù)中心</a></li></ul></div><div class="topicarea"><div id="ztdata0"><ul class="floatLi"><li>11111</li><li>2222</li> <li>3333</li> </ul></div><div id="ztdata1">內(nèi)容２</div><div id="ztdata2">內(nèi)容三</div></div></div>

<script type="text/javascript">
function initTab(preName)
{
??? //設(shè)置樣式，設(shè)置顯示
??? var titleNodes=document.getElementById(preName).getElementsByTagName("li"); //ul的id名稱(chēng)
??? for(var i=0;i<titleNodes.length;i++)
??? {
??????? map(titleNodes[i],preName,i);
??????? //titleNodes[i].οnmοuseοver=changetab(preName,i);
??????? //eval("titleNodes[i].οnmοuseοver=function(){changetab(preName,"+i+");};");???
??? }
??? changetab(preName,0); //顯示前面的
}
function map(o,pre,i)
{
??? o.οnmοuseοver=function(){changetab(pre,i);}
}
function changetab(preName,tabNum)
{
??? //顯示數(shù)據(jù)內(nèi)容
??? var titleNodes=document.getElementById(preName).getElementsByTagName("li"); //ul的id名稱(chēng)
??? for(var i=0;i<titleNodes.length;i++)
??? {
??????? if(i==tabNum)
??????? {
??????????? document.getElementById(preName+i).style.display="block";
??????????? titleNodes[i].className="active";
??????? }
??????? else
??????? {
??????????? document.getElementById(preName+i).style.display="none";
??????????? titleNodes[i].className="normal";
??????? }
??? }
}

initTab(“ztdata”);

</script>

?

解決方法：

一個(gè)是用eval

另外一個(gè)是在外程定義一個(gè)函數(shù)。

再一個(gè)是訂義一個(gè)類(lèi)，類(lèi)的函數(shù)。（第二個(gè)類(lèi)似）

轉(zhuǎn)載于:https://www.cnblogs.com/patterns/archive/2011/05/13/2045264.html

總結(jié)

以上是生活随笔為你收集整理的JS循环绑定对象或变量的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。