詳解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）攻擊等安全威脅。