JavaScript location.searchの使い方

location.searchプロパティはURLのクエリパラメータ( ?以降の部分 )を取得することができる。

■構文

location.search
戻り値 – クエリ文字列

■プログラム概要

YouTubeで「筋トレ」と検索した時のURL( https://www.youtube.com/results?search_query=%E7%AD%8B%E3%83%88%E3%83%AC )からクエリパラメータを取得し、コンソール画面に出力する。

var param = location.search;
console.log(param);

■出力結果

?search_query=%E7%AD%8B%E3%83%88%E3%83%AC

■補足情報

クエリパラメータから必要な値( 今回の例で言うと「筋トレ」 )を取り出すには、splitメソッドを使用して取得した文字列を “?search_query” と “%E7%AD%8B%E3%83%88%E3%83%AC” に分割した後に、decodeURI関数を使用してエンコードされた文字列をデコードする必要があります。