不同页面使用共同的 header 时，点击导航栏的高亮效果

思路：通过获取当前页面的 URL 与导航栏中所有 a 标签中的 href 比较，如果包含则高亮
 

//获取div下面所有的a标签（返回节点对象）
var myNav = document.querySelectorAll("#navItems a");
//获取当前窗口的url
var myURL = document.location.href;
//循环div下面所有的链接，
for (var i = 0; i < myNav.length; i++) {
    //获取每一个a标签的herf属性
    var links = myNav[i].getAttribute("href");
    //查看div下的链接是否包含当前窗口，如果存在，则给其添加样式
    if (myURL.indexOf(links) != -1) {
        myNav[i].className = "active";
    }
}