日期:2014-05-16  浏览次数:20387 次

js更改导航条class属性
在头里写了段这个:
<script type="text/javascript">
// 导航菜单判断
var url = window.location.href;
var Temp = url.split("/");
var t = 0;
var File = "index,news,gallery,archives,books,about"; //对应文件
var Test = File.split(",");
var Nav = document.getElementById("nav").getElementsByTagName("li");
for(var i=0;i<Nav.length;i++){
if(Test[i]==Temp[3]){
t = i;
}
Nav[i].className = "";
}
Nav[t].className = "first";
</script>

然后在body里的导航条是这样的:
<div  id="nav">
<ul>
<li id="" class="first"><a href="/index.php">首页</a></li>
<li><a href="/news.php">2</a></li>
<li id=""><a href="/gallery.php">3</a></li>
<li><a href="/archives.php">4</a></li>
<li><a href="/books.php">5</a></li>
<li><a href="/about.php">6</a></li>
</ul>
</div>

其中class="first"对应CSS,显示表示当前页有个小标志,我的想法是这样的,但是写了这段代码没有实现,麻烦高手看看给指点下,谢谢
分不多,先谢谢大家了

------解决方案--------------------
上面的http;   写错了<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
------解决方案--------------------
是不是多了这个http://,所以拆分的时候数组索引不对,你可以调试的时候或者弹出Temp[3],看看信息变量对不对