js更改导航条class属性

<!DOCTYPE html>
<html>
<head>
<script src="http;//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
</script>
<script>
$(document).ready(function(){
// 导航菜单判断
var url = "http://www.w3school.com.cn/books/archives.asp";
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";
Nav[t].style.color = "red" ; 
});
</script>
</head>
<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>    </body>
</html>

解决方案 »

  1.   

    上面的http;   写错了<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js">
      

  2.   

    这样是没问题,我写了个简单的页试了下,不过为什么用var url = window.location.href;就不行了呢.我用var url = window.location.href;测试也可以正确显示当前的网址,按道理是和var url = "http://www.w3school.com.cn/books/archives.asp";一个意思的,可是为什么不能显示出当前的style呢
      

  3.   

    你忘记加后缀了，Temp[3]="文件名.php"//if (Test[i] == Temp[3]) {
    //==>>>>>
    if (Test[i]+".php" == Temp[3]) {
      

  4.   

    是不是多了这个http://，所以拆分的时候数组索引不对，你可以调试的时候或者弹出Temp[3]，看看信息变量对不对