码迷,mamicode.com
首页 > 其他好文 > 详细

导航栏高亮显示代码

时间:2016-05-28 23:24:55      阅读:287      评论:0      收藏:0      [点我收藏+]

标签:js

//导航栏高亮显示代码

function highlightPage(){
if(!document.getElementsByTagName) return false;
if(!document.getElementById) return false;
var headers = document.getElementsByTagName(‘header‘);
if(headers.length == 0) return false;
var navs = headers[0].getElementsByTagName(‘nav‘);
if( navs.length == 0) return false;
var links = navs[0].getElementsByTagName("a");
var linkurl;
for(var i = 0; i < links.length; i++){
linkurl = links[i].getAttribute("href");
if( window.location.href.indexOf(linkurl) != -1){  //当前窗口加载的地址是否匹配导航栏内的地址
links[i].className = "here";
}
}
}

window.onload = highlightPage;


导航栏高亮显示代码

标签:js

原文地址:http://xuyran.blog.51cto.com/11641754/1784119

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!