在開發網站時，導航欄是必不可少的一部分，為了更好的用戶體驗，一般都會在當前頁面對應的導航項上加上高亮效果。那么如何使用JavaScript實現導航的高亮呢？
// 獲取當前頁面的URL
var currentUrl = window.location.href;
// 獲取導航欄對象
var navList = document.getElementById("nav").getElementsByTagName("a");
// 遍歷導航欄中的每個a標簽
for(var i=0;i上述代碼中，首先獲取當前頁面的URL，然后遍歷導航欄中的每個a標簽，獲取其href屬性對應的URL，然后判斷當前頁面URL是否包含該導航項的URL，如果是，則給該a標簽加上“current”類名，從而實現導航項的高亮效果。
對應的CSS代碼如下：
.current{
color: #fff;
background-color: #333;
}通過上面的JavaScript和CSS代碼，實現了導航欄的高亮效果，可以更好地展示網站的結構，提高用戶體驗。
上一篇js延時加載css