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

問題描述

導航每個頁面都是通過后臺標簽鏈接的同一個段HTML，我在點擊導航后，通過js加上改變顏色，但是點擊跳轉到能一個頁面，js改后的顏色就失效了，請問這種問題怎么解決？

問題解答

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

//首頁ul li a:nth-child(1){ color: #FF0000;}//品牌介紹ul li a:nth-child(2){ color: #FF0000;}//招牌美食ul li a:nth-child(3){ .........}回答2：

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

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

假設跳轉之后頁面的地址是http://********/zhaoshang.htmlif(/zhaoshang/.test(window.location.pathname)){招商加盟.style.color='紅色'}else if(){...}回答4：

幾個辦法：

導航欄自己一個iframe；

用sessionStorage / localStorage 保存狀態；

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

用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 {...} 回答6：

保存在本地啊

后臺可以做判斷，當前頁面是哪個然后加類，這個比較方便。

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

把狀態保存到cookie吧。

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

給li的class加一個active,設置active的字體顏色，動態給各個li添加class!