URLクエリパラメータを取得するJavaScriptメソッド_JavaScriptスキル

この記事の例では、JavaScript で URL クエリ パラメーターを取得する方法を説明します。皆さんの参考に共有してください。具体的な実装方法は以下の通りです。

function getQueryVariable(variable)
{
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if(pair[0] == variable){return pair[1];}
  }
  return(false);
}

使用方法:

URL の例:
http://www.example.com/index.php?id=1&image=awesome.jpg

getQueryVariable("id") を呼び出すと、「1」が返されます。
getQueryVariable("image") を呼び出すと、「awesome.jpg」が返されます。

この記事が皆様の JavaScript プログラミング設計に役立つことを願っています。