JavaScriptウィンドウの位置
window.locationオブジェクトを使用すると、現在のページアドレス(URL)を取得し、ブラウザを新しいページにリダイレクトできます。
ウィンドウの位置
window.locationオブジェクトは、windowプレフィックスなしで記述することができます。
いくつかの例：
window.location.href現在のページのhref (URL)を返しますwindow.location.hostnameWebホストのドメイン名を返しますwindow.location.pathname現在のページのパスとファイル名を返しますwindow.location.protocol使用されているWebプロトコルを返します(http:またはhttps:)window.location.assign()新しいドキュメントをロードします
ウィンドウの位置Href
window.location.hrefプロパティは、現在のページのURLを返します。
例
現在のページのhref(URL)を表示します。
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
結果は次のとおりです。
document.write("Page location is " + location.href);
ウィンドウの位置のホスト名
window.location.hostnameプロパティは、(現在のページの)インターネットホストの名前を返します。
例
ホストの名前を表示します。
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
結果は次のとおりです。
document.write("Page hostname is " + location.hostname);ウィンドウの位置のパス名
window.location.pathnameプロパティは、現在のページのパス名を返します。
例
現在のURLのパス名を表示します。
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
結果は次のとおりです。
document.write("Page path is " + location.pathname);ウィンドウ位置プロトコル
window.location.protocolプロパティは、ページのWebプロトコルを返します。
例
Webプロトコルを表示します。
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
結果は次のとおりです。
document.write("Page protocol is " + location.protocol);ウィンドウ位置ポート
window.location.portプロパティは、(現在のページの) インターネットホストポートの番号を返します。
例
ホストの名前を表示します。
document.getElementById("demo").innerHTML =
"Port number is " + window.location.port;
結果は次のとおりです。
document.write("Port number is " + location.port);ほとんどのブラウザでは、デフォルトのポート番号(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>
プログラミング学習を加速させる
プログラミングをプロの講師に教えてもらいませんか。