最新的Web開發教程
 

JavaScript Window Location


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>
試一試»