当前位置：首页 → 问答吧 → 这个JS为什么我改了没用？

这个JS为什么我改了没用？

时间：2010-05-10

来源：互联网

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>新闻区块</title> <style type="text/css">  </style> <script language="javascript"> function switchTag(tabtag,tabcontent) { // alert(tag); // alert(content); for(i=1; i <8; i++) { if ("tabtag"+i==tabtag) { document.getElementById(tabtag).getElementsByTagName("a")[0].className="tabselectli"+i; document.getElementById(tabtag).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className="tabselectspan"+i; }else{ document.getElementById("tabtag"+i).getElementsByTagName("a")[0].className=""; document.getElementById("tabtag"+i).getElementsByTagName("a")[0].getElementsByTagName("span")[0].className=""; } if ("tabcontent"+i==tabcontent) { document.getElementById(tabcontent).className=""; }else{ document.getElementById("tabcontent"+i).className="tabhidecontent"; } document.getElementById("tabcontent").className=tabcontent; } } function init(){ t=document.location.hash.replace('#',''); if(t=='')t=1; switchTag('tabtag'+t,'tabcontent'+t); } </script> </head> <body >  <div id="tabcontainer"> <div id="tabtitle"> <ul> <li id="tabtag1"><a href="#1" onclick="switchTag('tabtag1','tabcontent1');this.blur();" class="tabselectli1"><span class="tabselectspan1"></span></a></li> <li id="tabtag2"><a href="#2" onclick="switchTag('tabtag2','tabcontent2');this.blur();"><span></span></a></li> <li id="tabtag3"><a href="#3" onclick="switchTag('tabtag3','tabcontent3');this.blur();"><span></span></a></li> <li id="tabtag4"><a href="#4" onclick="switchTag('tabtag4','tabcontent4');this.blur();"><span></span></a></li> <li id="tabtag5"><a href="#5" onclick="switchTag('tabtag5','tabcontent5');this.blur();"><span></span></a></li> <li id="tabtag6"><a href="#6" onclick="switchTag('tabtag6','tabcontent6');this.blur();"><span></span></a></li> <li id="tabtag7"><a href="#7" onclick="switchTag('tabtag7','tabcontent7');this.blur();"><span></span></a></li> <li id="tabtag8"><a href="#8" onclick="switchTag('tabtag8','tabcontent8');this.blur();"><span></span></a></li> </ul> </div> <div id="tabcontent" class="tabcontent1"> <div id="tabcontent1"> <div id="tabnews_left"> <div id="tabinner_news_pic"> <div id="tabinner__pic"><a href=""><img src="images/news_pic.jpg" width="80" height="80" /></a></div> <ul> <li><a href="">[灯具]新锐灯具</a></li> </ul> </div> </div> <div id="tabnews-right"> <ul> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li class="tabfont_right"><a href="">>>更多</a></li> </ul> </div> </div> <div id="tabcontent2" class="tabhidecontent"> <div id="tabpic_text"> <div id="tabinner_pic"><a href=""><img src="images/news_pic2.jpg" width="60" height="60" /></a></div> <ul><li><a href="">[灯具]新锐...</a></li></ul> </div> <div id="tabpic_text"> <div id="tabinner_pic"><a href=""><img src="images/news_pic2.jpg" width="60" height="60" /></a></div> <ul><li><a href="">[灯具]新锐...</a></li></ul> </div> <div id="tabpic_text"> <div id="tabinner_pic"><a href=""><img src="images/news_pic2.jpg" width="60" height="60" /></a></div> <ul><li><a href="">[灯具]新锐...</a></li></ul> </div> <div id="tabpic_text"> <div id="tabinner_pic"><a href=""><img src="images/news_pic2.jpg" width="60" height="60" /></a></div> <ul><li><a href="">[灯具]新锐...</a></li></ul> </div> <div id="tabpic_text"> <div id="tabinner_pic"><a href=""><img src="images/news_pic2.jpg" width="60" height="60" /></a></div> <ul><li><a href="">[灯具]新锐...</a></li></ul> </div> <div id="tabpic_text"> <div id="tabinner_pic"><a href=""><img src="images/news_pic2.jpg" width="60" height="60" /></a></div> <ul><li><a href="">[灯具]新锐...</a></li></ul> </div> <div id="tabpic_text"> <div id="tabinner_pic"><a href=""><img src="images/news_pic2.jpg" width="60" height="60" /></a></div> <ul><li><a href="">[灯具]新锐...</a></li></ul> </div> <div id="tabpic_text"> <div id="tabinner_pic"><a href=""><img src="images/news_pic2.jpg" width="60" height="60" /></a></div> <ul><li><a href="">[灯具]新锐...</a></li></ul> </div> <div id="tabpic_text"> <div id="tabinner_pic"><a href=""><img src="images/news_pic2.jpg" width="60" height="60" /></a></div> <ul><li><a href="">[灯具]新锐...</a></li></ul> </div> <div id="tabpic_text"> <div id="tabinner_pic"><a href=""><img src="images/news_pic2.jpg" width="60" height="60" /></a></div> <ul><li><a href="">[灯具]新锐...</a></li></ul> </div> <div id="tabtext"><a href="">>>更多</a></div> </div> <div id="tabcontent3" class="tabhidecontent"> <div id="tabtextarea"> <ul> <li><a href="">【行情】5月1日欧人地板燕郊旗舰店开业总裁签售</a></li><li class="tabtext_right">2010-05-04</li><br /><br /> <li><a href="">【行情】5月1日欧人地板燕郊旗舰店开业总裁签售</a></li><li class="tabtext_right">2010-05-04</li><br /><br /> <li><a href="">【行情】5月1日欧人地板燕郊旗舰店开业总裁签售</a></li><li class="tabtext_right">2010-05-04</li><br /><br /> <li><a href="">【行情】5月1日欧人地板燕郊旗舰店开业总裁签售</a></li><li class="tabtext_right">2010-05-04</li><br /><br /> <li><a href="">【行情】5月1日欧人地板燕郊旗舰店开业总裁签售</a></li><li class="tabtext_right">2010-05-04</li><br /><br /> <li><a href="">【行情】5月1日欧人地板燕郊旗舰店开业总裁签售</a></li><li class="text_right">2010-05-04</li><br /><br /> <div id="tabtext"><a href="">>>更多</a></div> </ul> </div> </div> <div id="tabcontent4" class="tabhidecontent"> <div id="tabtextarea"> <ul> <li><a href="">M2tong网站世博年，本公司打造第一商务平台，集思广益没你不行！</a></li><li class="tabtext_right2">2010-03-26</li><br /><br /> </ul> </div> </div> </div> <div id="tabcontent6"> <div id="tabnews_left"> <div id="tabinner_news_pic"> <div id="tabinner__pic"><a href=""><img src="images/news_pic.jpg" width="80" height="80" /></a></div> <ul> <li><a href="">[灯具]新锐灯具</a></li> </ul> </div> </div> <div id="tabnews-right"> <ul> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li class="tabfont_right"><a href="">>>更多</a></li> </ul> </div> </div> <div id="tabcontent7"> <div id="tabnews_left"> <div id="tabinner_news_pic"> <div id="tabinner__pic"><a href=""><img src="images/news_pic.jpg" width="80" height="80" /></a></div> <ul> <li><a href="">[灯具]新锐灯具</a></li> </ul> </div> </div> <div id="tabnews-right"> <ul> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li><a href="">【灯具】新锐灯具开发进展顺利，主要研发手段未知</a></li> <li class="tabfont_right"><a href="">>>更多</a></li> </ul> </div> </div> </div> </body> </html>
提示：您可以先修改部分代码再运行

照道理来说我都写了i<9了，应该是可以让八个图片都能发生点击事件了，可是现在却只有前面五个可以。另外这个JS是从网上找的，它默认的时候是i<6,不知道会不会这个有影响？谢谢了