不同頁面使用共同的 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";
    }
}