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){
    .........
}

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

Beritahu saya idea dan tambahkan pertimbangan js pada setiap halaman

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

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

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

}else if(){
...
}

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

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 {...} 

Simpan secara tempatan

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

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

Simpan status ke kuki.

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

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