詳解location.host

一、location.host的值

在JavaScript中，location對象表示當前正在加載的文檔的URL。而location.host則是URL的主機名和端口號部分。例如，對於URL https://www.example.com:8080/index.html 來說，location.host的值為“www.example.com:8080”。如果URL沒有指定端口號，則location.host的值會自動設為80（HTTP）或者443（HTTPS）。

我們可以通過以下代碼來獲取location.host的值：

let currentHost = location.host;
console.log(currentHost);

二、location.host的用法

location.host的常見用途就是判斷當前URL是否在某個指定的域名下。例如，我們可以使用以下代碼來判斷當前頁面是否在以“google.com”結尾的域名下：

if (location.host.endsWith('google.com')) {
  console.log('This page is on a Google domain.');
} else {
  console.log('This page is not on a Google domain.');
}

我們還可以對location.host進行修改。例如，我們可以使用以下代碼來將當前URL的主機名和端口號部分修改為“example.com:8080”：

location.host = 'example.com:8080';

需要注意的是，這種方式會將整個URL都修改了，而不僅僅是host部分。因此，如果我們只想修改host部分，可以結合使用location.protocol和location.pathname屬性，如下所示：

location.href = location.protocol + '//' + newHost + location.pathname;

三、location.hostname

與location.host類似，location.hostname表示URL的主機名部分，不包括端口號。例如，對於URL https://www.example.com:8080/index.html 來說，location.hostname的值為“www.example.com”。

需要注意的是，除非需要明確指定端口號，否則應該使用location.hostname而不是location.host來訪問同一主機的不同端口。

我們可以使用以下代碼來獲取location.hostname的值：

let currentHostname = location.hostname;
console.log(currentHostname);

四、location.host返回什麼

最後，需要注意的是，location.host返回的是字符串類型的主機名和端口號，而不是一個對象。如果我們需要訪問此信息的更多細節，例如端口號或主機名，我們需要自己解析location.host。

五、location.host的安全性問題

需要注意的是，location.host和其他location對象屬性的值都可以被用戶篡改。因此，我們在使用這些屬性時需要小心，以免遭受跨站點腳本（XSS）攻擊等安全威脅。