JavaScript Window Location

window.location オブジェクトは現在のページのアドレス（URL）を取得し、ブラウザを新しいページにリダイレクトするために使用できます。

Window Location

window.location オブジェクトは window 接頭辞なしで書くことができます。

いくつかの例：

  • window.location.href は現在のページの href (URL) を返します
  • window.location.hostname はウェブホストのドメインを返します
  • window.location.pathname は現在のページのパスまたはファイル名を返します
  • window.location.protocol は使用しているウェブプロトコル（http: または https:）を返します
  • window.location.assign は新しいドキュメントをロードします

Window Location Href

window.location.href 属性は現在のページの URL を返します。

インスタンス

現在のページの href (URL) を表示：

document.getElementById("demo").innerHTML = "ページ位置は " + window.location.href;

結果は：

ページ位置は http://www.codew3c.com/js/js_window_location.asp です

自分で試してみる

Window Location ホスト名

window.location.hostname 属性は（現在のページの）インターネットホスト名を返します。

インスタンス

ホスト名を表示：

document.getElementById("demo").innerHTML = "ページホスト名は " + window.location.hostname;

結果は：

ページホスト名は www.codew3c.com です

自分で試してみる

Window Location パス名

window.location.pathname 属性は現在のページのパス名を返します。

インスタンス

現在の URL のパス名を表示：

document.getElementById("demo").innerHTML = "ページパスは " + window.location.pathname;

結果は：

ページパスは /js/js_window_location.asp です

自分で試してみる

Window Location プロトコル

window.location.protocol 属性はページのウェブプロトコルを返します。

インスタンス

ウェブプロトコルを表示：

document.getElementById("demo").innerHTML = "ページプロトコルは " + window.location.protocol;

結果は：

ページプロトコルは http: です

自分で試してみる

Window Location ポート

window.location.port 属性は（現在のページの）インターネットホストのポート番号を返します。

インスタンス

ホストのポート番号を表示：

document.getElementById("demo").innerHTML = "ポート番号は： " + window.location.port;

自分で試してみる

ほとんどのブラウザはデフォルトのポート番号を表示しません（httpは80、httpsは443）。

Window Location Assign

window.location.assign() 新しいドキュメントをロードするメソッド。

インスタンス

新しいドキュメントをロード：

<html>
<head>
<script>
function newDoc() {
    window.location.assign("https://www.codew3c.com")
 }
</script>
</head>
<body>
<input type="button" value="新しいドキュメントをロード" onclick="newDoc()">
</body>
</html>

自分で試してみる