在 JavaScript 中，如果你想从当前页面的 URL 或一个给定的 URL 中获取域名（host 或 hostname），可以使用 `window.location` 对象或者 `URL` 枚举对象来实现。

✅ 一、获取当前页面的域名

1、使用 `window.location.hostname`
js
const hostname = window.location.hostname;
console.log(hostname); // 输出类似：example.com 或 localhost

hostname：返回主机名（不含端口和子路径）

2、使用 `window.location.host`
js
const host = window.location.host;
console.log(host); // 输出类似：example.com 或 example.com:8080

host：返回主机名 + 端口号（如果有的话）

✅ 二、从任意 URL 获取域名

你可以使用内置的 `URL` 对象来解析任何 URL：

js
const url = new URL('https://www.example.com:8080/pathname?search=test');
console.log(url.hostname); // 输出: www.example.com
console.log(url.host); // 输出: www.example.com:8080
console.log(url.origin); // 输出: https://www.example.com:8080

🧪 示例：提取主域名（去掉子域名）

如果你有一个 URL 如 `https://sub.blog.example.com`，你想提取出主域名 `example.com`，可以这样做：

js
function getMainDomain(url) {
const hostname = new URL(url).hostname;
const parts = hostname.split('.');
if (parts.length <= 2) return hostname;
return parts.slice(2).join('.'); // 取最后两个部分作为主域名
}

console.log(getMainDomain('https://sub.blog.example.com')); // 输出: example.com

⚠️ 注意：这种方法对 `.co.uk` 这类二级 TLD 不够智能。如需更精准的处理，推荐使用第三方库 [tld.js](https://github.com/stephenhenderson/tld.js) 或 [psl](https://github.com/wrangr/psl).

✅ 总结

| 属性 | 含义 |

| `location.hostname` | 域名（不带端口） |
| `location.host` | 域名 + 端口 |
| `location.origin` | 协议 + 域名 + 端口 |
| `new URL(url).hostname` | 解析指定 URL 的域名 |

如有更具体的需求（比如获取协议、路径、参数等），也可以继续问我 😊