JavaScript Window Location

window.location 對象可用于獲取當前頁面地址（URL）并把瀏覽器重定向到新頁面。

Window Location

window.location 對象可不帶 window 前綴書寫。

一些例子：

  • 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 = "頁面位置是 " + window.location.href;

結果是：

頁面位置是 http://www.codew3c.com/js/js_window_location.asp

親自試一試

Window Location 主機名

window.location.hostname 屬性返回（當前頁面的）因特網主機的名稱。

實例

顯示主機的名稱：

document.getElementById("demo").innerHTML = "頁面主機名是 " + window.location.hostname;

結果是：

頁面主機名是 www.codew3c.com

親自試一試

Window Location 路徑名

window.location.pathname 屬性返回當前頁面的路徑名。

實例

顯示當前 URL 的路徑名：

document.getElementById("demo").innerHTML = "頁面路徑是 " + window.location.pathname;

結果是：

頁面路徑是 /js/js_window_location.asp

親自試一試

Window Location 協議

window.location.protocol 屬性返回頁面的 web 協議。

實例

顯示 web 協議：

document.getElementById("demo").innerHTML = "頁面協議是 " + window.location.protocol;

結果是：

頁面協議是 http:

親自試一試

Window Location 端口

window.location.port 屬性返回（當前頁面的）互聯網主機端口的編號。

實例

顯示主機的端口號：

document.getElementById("demo").innerHTML = "端口號是： " + window.location.port;

親自試一試

大多數瀏覽器不會顯示默認端口號（http 為 80，https 為 443）。

Window Location Assign

window.location.assign() 方法加載新文檔。

實例

加載新文檔：

<html>
<head>
<script>
function newDoc() {
    window.location.assign("https://www.codew3c.com")
 }
</script>
</head>
<body>
<input type="button" value="Load new document" onclick="newDoc()">
</body>
</html>

親自試一試