我自己來回答吧，不用你們寫的那麼複雜,每個頁面加入一段CSS

//首页
ul li a:nth-child(1){
            color: #FF0000;
        }
//品牌介绍
ul li a:nth-child(2){
            color: #FF0000;
        }
//招牌美食
ul li a:nth-child(3){
    .........
}

保存個屁噢，我從導覽列進了a頁面，關掉，再從網址列進入b頁面，這時候你還給我高亮a頁面麼？
寫個所有頁面公用的解析函數，直接用nav的位址去和href配對

說一下思路，在每個頁面加上js判斷

假设跳转之后页面的地址是http://********/zhaoshang.html

if(/zhaoshang/.test(window.location.pathname)){

招商加盟.style.color="红色"

}else if(){
...
}

幾個辦法：

1. 導覽列自己一個iframe；

2. 用sessionStorage / localStorage 儲存狀態；

3. 跳轉頁帶URL參數&active =xxx；

4. 用spa 不真的跳轉頁；
   看答主的題目，估計2、3比較適合

沒必要用到JS 直接用css 類別名就好了 每一個nav 加上一個類別名，放到這個nav的css檔中

<nav>
    <a class="index-active">首页</a>
    <a class="details-active">详情页</a>
 </nav>
 
 在 index.css 中 写 
     .idnex-active {...}
 在 detail.css 中 写 
     .detail-active {...} 

保存在本地啊

後台可以做判斷，目前頁面是哪個然後加類，這個比較方便。

保存本地，再次進入頁面時，讀取緩存，進行判斷

把狀態保存到cookie吧。

保存到session也行，不過這需要後端開發配合。

為li的class加上一個active,設定active的字體顏色，動態為各個li添加class!