クエリ文字列パラメータに基づいてCSSクラスを変更する方法

Question

ソートに役立つタグが割り当てられたブログ投稿を表示するSharePointサーバーイントラネットサイトがあります。 SharePointでは、クエリ文字列を使用してブログエントリを動的に並べ替えることができます。つまり、技術的にはページURLは変わらず、URLの末尾に「？name = topic」を追加するだけです。

私は、ページに表示されている情報を並べ替えるために見出しをクリックできるように、上部に見出しの単純な行を持っています。各見出しは、最後に差異クエリ文字列を持つ同じURLです。

並べ替え：
ビデオ（？www.websitename.aspx名=ビデオ）

画像（？www.websitename.aspx名=イメージ）

オーディオ（？www.websitename.aspx名=オーディオ）

"アクティブ"または選択された見出しに基づいて見出しのスタイルを設定したい クエリ文字列パラメータに基づいて見出しのCSSクラスを「選択済み」に変更するにはどうすればよいですか（または、これを行うには？）

私はまだJavascrip私は実装するのが難しくない解決策を探しています。

ありがとうございます！

ジャレッド

Answer 1

あなたは簡単にJavaScriptを使用してクエリ文字列を取得することができます。

window.location.search.substring(1);

window.locationsearch.substringは疑問符の後の部分で、全体のURLです。これで、クエリ文字列に応じてスタイルを変更する醜いswitch文を実装できます：

var queryString = window.location.search.substring(1); 

    switch (queryString) { 
    case "video": videoelement.style.background = red; 
        break; 

    case "images": imageselement.style.background = red; 
        break; 

    case "audio": audioelement.style.background = red; 
        break; 
    }