做的一個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">專 題 區</a></li><li class="active"><a href="http://database.ce.cn/district/sy/index.shtml" rel="topicarea" urn="datacenter">數據中心</a></li><li class="active"><a href="http://database.ce.cn/district/sy/index.shtml" rel="topicarea" urn="datacenter">數據中心</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">內容２</div><div id="ztdata2">內容三</div></div></div>

<script type="text/javascript">
function initTab(preName)
{
??? //設置樣式，設置顯示
??? var titleNodes=document.getElementById(preName).getElementsByTagName("li"); //ul的id名稱
??? 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)
{
??? //顯示數據內容
??? var titleNodes=document.getElementById(preName).getElementsByTagName("li"); //ul的id名稱
??? 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>

?

解決方法：

一個是用eval

另外一個是在外程定義一個函數。

再一個是訂義一個類，類的函數。（第二個類似）

轉載于:https://www.cnblogs.com/patterns/archive/2011/05/13/2045264.html

總結

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

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。