html:
<div class="box">
<ul>
<li id="all">全部文章</li>
<li id="category1">name1</li>
<li id="category2">name2</li>
</ul>
<div>
js
实例:www.xxx.com/index/article.html?url=all 获取all
<script>
function getRequest() {
var url = window.location.search; //获取url中"?"符后的字串
var theRequest = new Object();
if (url.indexOf("?") != -1) {
var str = url.substr(1);
strs = str.split("&");
for(var i = 0; i < strs.length; i ++) {
theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]);
}
}
return theRequest;
}
$url = getRequest();
if(!($url.url)){var init = document.getElementById('all').childNodes;init[0].style.color = 'rgb(35, 178, 148)';}else{ var child;child = document.getElementById($url.url).childNodes;child[0].style.color = 'rgb(35, 178, 148)';}
</script>