問(wèn)題描述

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

問(wèn)題解答

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

//首頁(yè)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)航欄進(jìn)了a頁(yè)面，關(guān)掉，再?gòu)牡刂窓谶M(jìn)入b頁(yè)面，這時(shí)候你還給我高亮a頁(yè)面么？寫(xiě)個(gè)所有頁(yè)面公用的解析函數(shù)，直接用nav的地址去和href匹配

說(shuō)一下思路，在每個(gè)頁(yè)面加上js判斷

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

幾個(gè)辦法：

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

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

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

用spa 不真的跳轉(zhuǎn)頁(yè)面；看答主的題目，估計(jì)2、3比較合適

沒(méi)必要用到JS 直接用css 類(lèi)名就好了 每一個(gè)nav 加上一個(gè)類(lèi)名，放到這個(gè)nav的css文件中

<nav> <a class='index-active'>首頁(yè)</a> <a class='details-active'>詳情頁(yè)</a> </nav> 在 index.css 中 寫(xiě) .idnex-active {...} 在 detail.css 中 寫(xiě) .detail-active {...} 回答6：

保存在本地啊

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

保存本地，再次進(jìn)入頁(yè)面時(shí)，讀取緩存，進(jìn)行判斷

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

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

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