javascript - 點擊nav後，用JS加上顏色，怎麼在頁面跳轉後仍能保持改變後的顏色？

Question

#導航每個頁面都是透過後台標籤連結的同一個段落HTML，我在點擊導航後，透過js加上改變顏色，但是點擊跳到能一個頁面，js改後的顏色就失效了，請問這種問題要怎麼解決？

Answer 1

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

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

Answer 2

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

Answer 3

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

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

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

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

}else if(){
...
}

Answer 4

幾個辦法：

1. 導覽列自己一個iframe；

2. 用sessionStorage / localStorage 儲存狀態；

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

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

Answer 5

沒必要用到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 {...} 

Answer 6

保存在本地啊

Answer 7

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

Answer 8

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

Answer 9

把狀態保存到cookie吧。

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

Answer 10

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