JavaScript获取域名的方法

获取域名的方法主要有两种：通过 window.location 对象和 URL 对象。这两种方法都可以帮助您获取当前页面的域名。
方法一：使用 window.location 对象
window.location 对象包含了当前文档的 URL 信息。您可以使用 hostname 属性来获取域名。

var domain = window.location.hostname;
console.log(domain); // 输出：www.example.com

如果您需要包括协议和端口号的完整域名，可以使用 protocol 和 port 属性：

var domain = window.location.protocol + '//' + window.location.hostname + (window.location.port ? ':' + window.location.port : '');
console.log(domain); // 输出：http://www.example.com:8080 (如果端口号是8080)

方法二：使用 URL 对象
另一种获取域名的方法是使用 URL 对象。这个对象提供了一种更加现代和灵活的方式来处理URLs。

var url = new URL('https://www.example.com');
var domain = url.hostname;
console.log(domain); // 输出：www.example.com

请注意，如果您正在处理的是相对URL，那么 URL 对象将相对于当前文档的URL进行解析。例如，如果当前文档的URL是 https://www.example.com/path/to/page，并且您创建了一个新的 URL 对象，其字符串参数为 /path/to/page2，那么解析后的URL将为 https://www.example.com/path/to/page2，并且 hostname 属性将为 www.example.com。
另外，如果你想要获取的是顶级域名（如 .com, .org, .net 等），你可以使用 split 方法来分割主机名和顶级域名：

var domain = window.location.hostname;
var topLevelDomain = domain.split('.').pop(); // 获取顶级域名
console.log(topLevelDomain); // 输出：com

在使用这些方法时，请确保在合适的上下文中执行它们，因为这些方法可能因浏览器或特定的JavaScript环境而异。