利用JavaScript indexOf匹配URL实现导航栏当前栏目高亮

<div id="nav"> 
<ul> 
<li><a href="//www.jb51.net/html/list/index_127.htm" title="资讯中心"><span>资讯中心</span></a></li> 
<li><a href="//www.jb51.net/html/list/index_1.htm" title="网络编程"><span>网络编程</span></a></li> 
<li><a href="//www.jb51.net/html/list/index_104.htm" title="数据库"><span>数据库</span></a></li> 
<li><a href="//www.jb51.net/html/list/index_96.htm" title="脚本专栏"><span>脚本专栏</span></a></li> 
<li><a href="//www.jb51.net/html/list/index_7.htm" title="实用技巧"><span>实用技巧</span></a></li> 
<li><a href="//www.jb51.net/html/list/index_84.htm" title="软件编程"><span>软件编程</span></a></li> 
<li><a href="//www.jb51.net/html/list/index_8.htm" title="网页制作"><span>网页制作</span></a></li> 
<li><a href="//www.jb51.net/html/list/index_86.htm" title="操作系统"><span>操作系统</span></a></li> 
<li><a href="//www.jb51.net/html/list/index_11.htm" title="经典网摘"><span>经典网摘</span></a></li> 
<li><a href="//www.jb51.net/html/list/index_27.htm" title="网站技巧"><span>网站技巧</span></a></li> 
<li><a href="//www.jb51.net/html/list/index_99.htm" title="免费资源"><span>免费资源</span></a></li> 
<li><a href="//www.jb51.net/html/list/index_54.htm" title="关于我们"><span>关于我们</span></a></li> 
<li><a href="//www.jb51.net/search.asp" title="文章搜索"><span>文章搜索</span></a></li> 
</ul> 
</div> 

var myNav = document.getElementById("nav").getElementsByTagName("a"); 
for(var i=0;i<myNav.length;i++) 
{ 
 var links = myNav[i].getAttribute("href"); 
 //alert(links) 
 //alert(myNav[i]); 
 var myURL = document.location.href; 
 if(myURL.indexOf(links) != -1) 
 { 
  myNav[i].className="d"; 
 } 
}

var myNav = document.getElementById("nav").getElementsByTagName("a"); 
for(var i=0;i<myNav.length;i++) 
{ 
 var links = myNav[i].getAttribute("href"); 
}