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

更新: 2020-09-03 / 作成: 2020-09-03

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

JavaScript

JavaScript / Node.js 関連メモ
へ戻る

関連記事