現在のWebページを検出し、それに応じてスタイルを変更するヘッダーを作成するにはどうすればよいですか？

Question

は、だから私はすべてのページへのリンクを持っている私のWebページ用の応答ヘッダを作りました。

現在のWebページを検出してそれに応じてヘッダーのスタイルを変更する方法はわかっていません。たとえば、FAQページではヘッダーのFAQリンクをヘッダーの残りの部分。私はJSやPHPのいずれかで現在のWebページを検出して、特定のブロックのスタイルを変更するにはどうすればよい

？

[...document.getElementsByClassName('headerLink')].forEach((e) => { 
    if (document.URL.indexOf(e.getAttribute('href')) !== -1) { 
    // current url match the one of the link 
    e.classList.add('highlighed'); 
    // and then style .headerLink.hihlighted { ... } on css 
    } 
}); 

確かに一般的には問題の解決策はありませんが、多分あなたのニーズに適した可能性があり

Answer 1

は、ページのロード時にこれを実行します。 注：私はそれをテストしていなかったので、ヨーヨーがする必要がある場合は、それを適応してください。

などバックエンド、使用されるフレームワークの構造に完全に依存