javascript - [ナビゲーション] をクリックし、JS を使用して色を追加した後、ページがジャンプした後も変更された色を維持するにはどうすればよいですか?

Question

ナビゲーション内のすべてのページは、background タグを介してリンクされている同じ HTML です。ナビゲーションをクリックした後、js によって色を変更しましたが、クリックしてページにジャンプすると、js によって変更された色が無効になってしまいました。この問題を解決するにはどうすればよいですか?

Answer 1

あなたが書いたものほど複雑である必要はありません。各ページに CSS を追加するだけです。 リーリー

Answer 2

保存してください。ナビゲーション バーからページ a を入力して閉じ、アドレス バーからページ b を入力しました。この時点でページ a を強調表示してくれますか?
すべてのページに共通の解析関数を記述し、ナビアドレスを直接使用して href に一致させます

Answer 3

アイデアを教えて各ページにjs判定を追加してください

リーリー

Answer 4

いくつかの方法:

1. ナビゲーション バーには独自の iframe があります。

2. sessionStorage / localStorage を使用して状態を保存します。

URL パラメーターを使用してページに移動&active =xxx;
スパを使用しても実際にはページにジャンプしません
4. 回答者の質問を見ると、2または3の方が適切だと思います

   
   

Answer 5

JS を使用する必要はありません。CSS クラス名を使用するだけです。各ナビゲーションにクラス名を追加し、このナビゲーションの CSS ファイルに入れます。 リーリー

Answer 6

ローカルに保存します

Answer 7

背景は現在のページがどのページであるかを判断し、カテゴリを追加することができます。これはより便利です。

Answer 8

ローカルに保存し、再度ページに入った時にキャッシュを読んで判断します

Answer 9

ステータスをCookieに保存します。

セッションに保存しますが、これにはバックエンド開発の協力が必要です。

Answer 10

li クラスに active を追加し、active のフォントの色を設定して、各 li にクラスを動的に追加します!