window.locationオブジェクトは、現在のページアドレス(URL)を取得すると、新しいページにブラウザをリダイレクトするために使用することができます。
Window Location
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
window.location.hrefプロパティは、現在のページのURLを返します。
例
現在のページのhref(URL)を表示します。
document.getElementById("demo").innerHTML =
"Page location is " + window.location.href;
結果は以下のとおりです。
Page location is http://admin.w3ii2.com/index.php?r=site%2Farticle%2Fupdate&clasId=6&path=js_window_location
»それを自分で試してみてください Window Location Hostname
window.location.hostnameプロパティは、(現在のページの)インターネットホストの名前を返します。
例
ホストの名前を表示します。
document.getElementById("demo").innerHTML =
"Page hostname is " + window.location.hostname;
結果は以下のとおりです。
Page hostname is admin.w3ii2.com
»それを自分で試してみてください Window Location Pathname
window.location.pathnameプロパティは、現在のページのパス名を返します。
例
現在のURLのパス名を表示します。
document.getElementById("demo").innerHTML =
"Page path is " + window.location.pathname;
結果は以下のとおりです。
/index.php
»それを自分で試してみてください Window Location Protocol
window.location.protocolプロパティは、ページのウェブプロトコルを返します。
例
ウェブプロトコルを表示します。
document.getElementById("demo").innerHTML =
"Page protocol is " + window.location.protocol;
結果は以下のとおりです。
Page protocol is http:
»それを自分で試してみてください Window Location Assign
window.location.assign()メソッドは、新しいドキュメントをロードします。
例
新しいドキュメントをロードします。
<html>
<head>
<script>
function newDoc() {
window.location.assign("http://www.w3ii.com")
}
</script>
</head>
<body>
<input type="button" value="Load new document"
onclick="newDoc()">
</body>
</html>
»それを自分で試してみてください