当前导航链接改变颜色

当前导航链接改变颜色
思路：先获取所有导航的href，将每个href和当前浏览器的url比较，如果当前浏览器的url包含href，就表示该导航的href目前处于打开状态，这时，再添加css样式。

function highlightPage(){
    var links=$("#nav").find("a");
    for(i=0;i<links.length;i++){
        var linkurl=$(links[i]).attr("href");
        var currenturl=window.location.href;
        if(currenturl.indexOf(linkurl)!=-1){
            $(links[i]).addClass("active");
        };
    };
};

文章页面有很多，链接基本都是模板自动生成的，可取来路链接，去判断哪个导航该高亮显示

function highlightDetailPage(){
    var links=$(".sidebar ul").children("li");
    for(i=0;i<links.length;i++){
        var linkurl=$(links[i]).children("a").attr("href");
        var referrerUrl=document.referrer;
        if(referrerUrl.indexOf(linkurl)!=-1){
            $(links[i]).addClass("select");
        };
    };
};