function() {
var info = '';
info += 'domain:' + document.domain + '\n'; //
info += 'host:' + window.location.host + '\n'; // hostname & port
info += 'hostname:' + window.location.hostname + '\n'; //
info += 'href:' + window.location.href + '\n'; //
info += 'origin:' + window.location.origin + '\n'; // protocol & domain & port
info += 'pathname:' + window.location.pathname + '\n'; // relative path
info += 'port:' + window.location.port + '\n'; // It may be empty
info += 'protocol:' + window.location.protocol + '\n'; // http: or https:
info += alert(info);
console.log(window.location);
}
それぞれ Document.location および Window.location でアクセスできます。
Location.href…URL 全体を収めた DOMString
この値を変更すると、関連付けられたドキュメントが新しいページへ移動します。
この値は、関連付けられたドキュメントのものとは異なるオリジンから設定できます。
Location.protocol…末尾の ':' を含む、URL のプロトコルスキームを収めた DOMString
Location.host…URL のホスト (すなわち hostname、コロン (':')、port) を収めた DOMString
Location.hostname…URL のドメインを収めた DOMString
Location.port…URL のポート番号を収めた DOMString
Location.pathname…URL のパス部分を、先頭の '/' を含めて収めた DOMString です。
Location.search…URL のうち、'?' とそれに続くパラメーターや "クエリー文字列" を収めた DOMString
現代のブラウザーは、クエリ文字列からパラメーターを解析するための URLSearchParams や URL.searchParams を提供しています。
Location.hash…URL のうち、'#' とそれに続くフラグメント識別子を収めた DOMString
Location.username…ドメイン名の前に指定されたユーザー名を収めた DOMString
Location.password…ドメイン名の前に指定されたパスワードを収めた DOMString
Location.origin 読取専用…特定の location のオリジンの標準形を収めた DOMString