搜尋

首頁  >  問答  >  主體

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

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

ringa_leeringa_lee2826 天前1719

全部回覆(12)我來回復

  • PHP中文网

    PHP中文网2017-05-16 13:23:25

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

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

    回覆
    0
  • 世界只因有你

    世界只因有你2017-05-16 13:23:25

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

    回覆
    0
  • PHPz

    PHPz2017-05-16 13:23:25

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

    假设跳转之后页面的地址是http://********/zhaoshang.html
    
    if(/zhaoshang/.test(window.location.pathname)){
    
    招商加盟.style.color="红色"
    
    }else if(){
    ...
    }

    回覆
    0
  • 巴扎黑

    巴扎黑2017-05-16 13:23:25

    幾個辦法:

    1. 導覽列自己一個iframe;

    2. 用sessionStorage / localStorage 儲存狀態;

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

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

    回覆
    0
  • 漂亮男人

    漂亮男人2017-05-16 13:23:25

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

    回覆
    0
  • 世界只因有你

    世界只因有你2017-05-16 13:23:25

    保存在本地啊

    回覆
    0
  • 我想大声告诉你

    我想大声告诉你2017-05-16 13:23:25

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

    回覆
    0
  • 黄舟

    黄舟2017-05-16 13:23:25

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

    回覆
    0
  • 巴扎黑

    巴扎黑2017-05-16 13:23:25

    把狀態保存到cookie吧。

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

    回覆
    0
  • 天蓬老师

    天蓬老师2017-05-16 13:23:25

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

    回覆
    0
  • 取消回覆