JavaScriptウィンドウの場所
このwindow.location
オブジェクトを使用して、現在のページアドレス(URL)を取得し、ブラウザを新しいページにリダイレクトできます。
ウィンドウの場所
window.location
オブジェクトは、ウィンドウプレフィックスなしで書き込むことができます。
いくつかの例:
window.location.href
現在のページのhref(URL)を返しますwindow.location.hostname
Webホストのドメイン名を返しますwindow.location.pathname
現在のページのパスとファイル名を返しますwindow.location.protocol
使用されたWebプロトコルを返します(http:またはhttps :)window.location.assign()
新しいドキュメントをロードします
ウィンドウの場所の参照
window.location.href
プロパティは、現在のページのURLを返します。
例
現在のページのhref(URL)を表示します。
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
結果は次のとおりです。
Page location is https://ja.pictoshow.com/js/js_window_location.asp
ウィンドウの場所ホスト名
プロパティは、 (window.location.hostname
現在のページの)インターネットホストの名前を返します。
例
ホストの名前を表示します。
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
結果は次のとおりです。
Page hostname is ja.pictoshow.com
ウィンドウの場所のパス名
プロパティは、現在のページのwindow.location.pathname
パス名を返します。
例
現在のURLのパス名を表示します。
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
結果は次のとおりです。
Page path is /js/js_window_location.asp
ウィンドウロケーションプロトコル
プロパティは、ページのwindow.location.protocol
Webプロトコルを返します。
例
Webプロトコルを表示します。
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
結果は次のとおりです。
Page protocol is https:
ウィンドウロケーションポート
プロパティは、 (window.location.port
現在のページの)インターネットホストポートの番号を返します。
例
ホストの名前を表示します。
document.getElementById("demo").innerHTML =
"Port
number is " + window.location.port;
結果は次のとおりです。
Port number is
ほとんどのブラウザはデフォルトのポート番号を表示しません(httpの場合は80、httpsの場合は443)
ウィンドウの場所の割り当て
このwindow.location.assign()
メソッドは新しいドキュメントをロードします。
例
新しいドキュメントをロードします。
<html>
<head>
<script>
function newDoc() {
window.location.assign("https://www.w3schools.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>