まくろぐ

JavaScript で現在のページの URL の構成要素を取得する (window.location)

更新:
作成:

Web サイト上で実行される JavaScript から window.location を参照すると、カレントページの URL の構成要素をパーツごとに取得することができます。

JavaScript
const loc = window.location;

console.log('location.href = ' + loc.href);
console.log('location.origin = ' + loc.origin);
console.log('location.host = ' + loc.host);
console.log('location.protocol = ' + loc.protocol);
console.log('location.hostname = ' + loc.hostname);
console.log('location.port = ' + loc.port);
console.log('location.pathname = ' + loc.pathname);
console.log('location.search = ' + loc.search);
console.log('location.hash = ' + loc.hash);

例えば、次のようなアドレスにアクセスした場合は、

https://example.com:8042/over/there?key1=val1&key2=val2#nose

次のような結果を取得することができます。

location.href = https://example.com:8042/over/there?key1=val1&key2=val2#nose
location.origin = https://example.com:8042
location.host = example.com:8042
location.protocol = https:
location.hostname = example.com
location.port = 8042
location.pathname = /over/there
location.search = ?key1=val1&key2=val2
location.hash = #nose

関連記事

まくろぐ
サイトマップまくへのメッセージ