Window Locationオブジェクト

Window Locationオブジェクト

Location オブジェクトは現在の URL に関する情報を含んでいます。

Location オブジェクトはウィンドウオブジェクトの属性です。

Location オブジェクトは以下のようにアクセスされます：

window.location または location

インスタンス

let origin = window.location.origin;

自分で試してみてください。

let origin = location.origin;

自分で試してみてください。

Location オブジェクトの属性

属性 説明
hash URLのアンchor部分（#）を設定または返します。
host URLのホスト名とポート番号を設定または返します。
hostname URLのホスト名を設定または返します。
href URL全体を設定または返します。
origin URLのプロトコル、ホスト名、ポート番号を返します。
pathname URLのパス名を設定または返します。
port URLのポート番号を設定または返します。
protocol URLのプロトコルを設定または返します。
search URLのクエリ文字列部分を設定または返します。

Location オブジェクトのメソッド

メソッド 説明
assign() 新しいドキュメントをロードします。
reload() 現在のドキュメントを再読み込みします。
replace() 現在のドキュメントを新しいドキュメントで置き換えます。

Location オブジェクトの説明

Location オブジェクトは Window オブジェクトの Location 属性に格納されており、そのウィンドウで現在表示されているドキュメントの Web アドレスを表します。その href 属性これはドキュメントの完全な URL を保存しており、他の属性は URL の各部分を説明しています。これらの属性は Anchor オブジェクト（または Area オブジェクト）の URL 属性と非常に似ています。Location オブジェクトが文字列に変換された場合、href 属性の値が返されます。これは、location.href を location で置き換えることができることを意味します。

ただし、Anchor オブジェクトはドキュメント内のハイパーリンクを表すものであり、Location オブジェクトはブラウザが現在表示しているドキュメントの URL（または位置）を表しています。しかし、Location オブジェクトはこれ以上のことができます。ブラウザが表示するドキュメントの位置を制御することもできます。URL を含む文字列を Location オブジェクトまたはその href 属性に割り当てると、ブラウザは新しい URL が指すドキュメントをロードし表示します。

location または location.href を完全な URL で置き換える以外に、部分 URL を変更することもできます。これにより、元の URL と異なる一部を持つ新しい URL が作成され、ブラウザがそれをロードし表示します。例えば、Location オブジェクトの hash 属性、それでは、ブラウザが現在のドキュメント内の指定された位置に移動します。同様に、 search 属性、それでは、ブラウザが新しいクエリ文字列を付加した URL を再読み込みします。

URL 属性以外、Location オブジェクトの reload() メソッド現在のドキュメントを再読み込みすることができます、replace() 新しいドキュメントをロードすることができ、新しい历史記録を作成する必要はありません、つまり、ブラウザの歴史リストでは、新しいドキュメントは現在のドキュメントに置き換わります。