該window.location對象可以被用來獲取當前頁面的地址(URL)和瀏覽器重定向到一個新的一頁。
Window Location
該window.location對象可以在沒有窗口前綴被寫入。
一些例子:
- window.location.href返回當前頁面的href(URL)
- window.location.hostname返回虛擬主機的域名
- 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屬性返回Internet主機(當前頁面)的名稱。
例
顯示主機的名稱:
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屬性返回網頁的Web協議。
例
顯示Web協議:
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>
試一試»