問題描述

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

問題解答

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

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

保存?zhèn)€屁噢，我從導(dǎo)航欄進了a頁面，關(guān)掉，再從地址欄進入b頁面，這時候你還給我高亮a頁面么？寫個所有頁面公用的解析函數(shù)，直接用nav的地址去和href匹配

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

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

幾個辦法：

導(dǎo)航欄自己一個iframe；

用sessionStorage / localStorage 保存狀態(tài)；

跳轉(zhuǎn)頁面帶URL參數(shù)&active =xxx；

用spa 不真的跳轉(zhuǎn)頁面；看答主的題目，估計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：

保存在本地啊

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

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

把狀態(tài)保存到cookie吧。

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

給li的class加一個active,設(shè)置active的字體顏色，動態(tài)給各個li添加class!