【Javascript】URL情報を取得する方法

【Javascript】URL情報を取得する方法

よく使うのにいざって時に忘れてしまうので自分への備忘録も兼ねてJavascriptでURL情報を取得する方法。
locationオブジェクト使用して簡単に取得できます。

それぞれにURL情報の取得方法をご紹介します。

※下記URLでアクセスした場合
http://www.example.com/location/test.html?id=100#test

URLの取得

var url = location.href;
alert(url);

結果
http://www.example.com/location/test.html?id=100#test

ホストの取得

var host = location.host;
alert(host);

結果
www.example.com

var hostname = location.hostname;
alert(hostname);

結果
www.example.com

プロコトルの取得

var protocol = location.protocol;
alert(protocol);

結果
http:

パス情報の取得

var pathname = location.pathname;
alert(pathname);

結果
/location/test.html

パラメターの取得

var parameter = location.search;
alert(parameter);

結果
?id=100

アンカー(ハッシュ)の取得

var hash = location.hash;
alert(hash);

結果
#test