Question

如何用js判断不同的网址而给导航栏目使用不同的样式？

如题。
例如：
网址后面是/wldd/index.html的时候第一个<li>标签用over样式；
如：<div><li class="over">栏目一</li><li>栏目二</li><li>栏目三</li></div>
当网址后面是/sldw/index.html的时候第二个<li> 标签用over样式；
如：<div><li>栏目一</li><li class="over">栏目二</li><li>栏目三</li></div>
当网址后面是/slxx/index.html的时候第三个<li> 标签用over样式；
如：<div><li>栏目一</li><li>栏目二</li><li class="over">栏目三</li></div>
就是这样的效果，多谢！

Answer 1

location.href获取url,提取出需要的部分。
根据提取出的字符串动态的为li列表添加class

追问

您好。我是菜鸟，麻烦写下完整代码。非常感谢。

追答

<ul id="lists">
<li>1111</li>
<li>2222</li>
<li>3333</li>
<li>4444</li>
</ul>
<script>
var url=location.href;
var dirIndexF=url.lastIndexOf("/");
var urlC=url.substr(0,dirIndexF);
var dirIndexL=urlC.lastIndexOf("/")+1;
var dirName=url.substring(dirIndexL,dirIndexF);
var lists=document.getElementById("lists");
var lis=lists.getElementsByTagName("li");
switch(dirName)
{
case "sldw":
lis[0].className="over";
break;
case "slxx":
        lis[1].className="over"
        break;
default:
lis[2].className="over";
break;
}
</script>

追问

貌似不好使啊。
看这个地址：http://jyxaj.cbs.gov.cn/awhdt/index.jhtml我用的有什么问题吗？

追答

首先，把script标签挪到最后xxx
或者script标签中用window.onload=function(){xxxx}包起来
其次，把你测试的ul的测试.....添加一个id为lists

Answer 2

JS有两种方法 一种是传值 url?page1="" 还有一种是直接传URL过去，至于怎么传就不用说了吧？

追问

您好。我是菜鸟，麻烦写下完整代码。非常感谢。