javascript - Selepas mengklik nav, menggunakan JS untuk menambah warna, bagaimanakah warna yang diubah boleh dikekalkan selepas halaman melompat?

Question

Setiap halaman dalam navigasi adalah bahagian HTML yang sama yang dipautkan melalui teg latar belakang Selepas mengklik navigasi, saya menukar warna melalui js, tetapi apabila saya mengklik untuk melompat ke halaman, warna yang diubah oleh js menjadi tidak sah saya ini Bagaimana untuk menyelesaikan masalah ini?

Answer 1

Saya akan menjawabnya sendiri. Ia tidak perlu rumit seperti yang anda tulis. Hanya tambahkan sekeping CSS pada setiap halaman

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

Answer 2

Simpan apa sebenarnya, saya memasuki halaman a dari bar navigasi, menutupnya, dan kemudian memasuki halaman b dari bar alamat Adakah anda akan menyerlahkan halaman a untuk saya pada masa ini?
Tulis fungsi penghuraian yang biasa kepada semua halaman, dan terus gunakan alamat nav untuk memadankan href

Answer 3

Beritahu saya idea dan tambahkan pertimbangan js pada setiap halaman

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

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

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

}else if(){
...
}

Answer 4

Beberapa cara:

1. Bar navigasi mempunyai iframe sendiri;

2. Gunakan sessionStorage / localStorage untuk menyimpan keadaan

3. Lompat halaman dengan parameter URL&aktif =xxx;

4. Menggunakan spa tidak benar-benar melompat ke halaman
   Melihat soalan penjawab, saya rasa 2 atau 3 lebih sesuai

Answer 5

Tidak perlu menggunakan JS, hanya gunakan nama kelas css Tambahkan nama kelas pada setiap nav dan letakkan dalam fail css nav ini

<nav>
    <a class="index-active">首页</a>
    <a class="details-active">详情页</a>
 </nav>
 
 在 index.css 中 写 
     .idnex-active {...}
 在 detail.css 中 写 
     .detail-active {...} 

Answer 6

Simpan secara tempatan

Answer 7

Latar belakang boleh menentukan halaman mana halaman semasa dan kemudian menambah kategori Ini lebih mudah.

Answer 8

Simpan secara setempat, dan apabila anda memasuki halaman semula, baca cache dan buat pertimbangan

Answer 9

Simpan status ke kuki.

Menyimpan ke sesi juga boleh, tetapi ini memerlukan kerjasama pembangunan bahagian belakang.

Answer 10

Tambah aktif pada kelas li, tetapkan warna fon aktif dan tambah kelas secara dinamik pada setiap li!