在网页开发中，获取网站服务器的域名是一个常见的需求。这可以帮助开发者进行一些基于域名的操作，比如跳转、数据统计等。JavaScript 提供了多种方式来实现这一功能，以下将详细介绍几种常用的方法。
1. 使用 window.location.hostname
window.location.hostname 属性可以获取当前页面的域名。这是一个非常简单且直接的方法。
// 获取域名
var hostname = window.location.hostname;
console.log(hostname); // 输出域名，例如：example.com
2. 使用 document.domain
document.domain 属性可以设置或返回当前文档的域名。如果当前文档与包含它的文档具有相同的域名，则可以用来获取父域名的域名。
// 假设当前文档的域名是 sub.example.com
document.domain = 'example.com';
console.log(document.domain); // 输出域名：example.com
3. 使用 window.location.host
window.location.host 属性可以获取当前页面的域名和端口号。
// 获取域名和端口号
var host = window.location.host;
console.log(host); // 输出域名和端口号，例如：example.com:8080
4. 使用 window.location.protocol
window.location.protocol 属性可以获取当前页面的协议。
// 获取协议
var protocol = window.location.protocol;
console.log(protocol); // 输出协议，例如：https:
5. 使用 window.location.origin
window.location.origin 属性可以获取当前页面的协议、域名和端口号。
// 获取协议、域名和端口号
var origin = window.location.origin;
console.log(origin); // 输出协议、域名和端口号，例如：https://example.com:8080
总结
以上五种方法都是获取网站服务器域名的常用方法。在实际应用中，可以根据具体需求选择合适的方法。需要注意的是，在使用 document.domain 时，确保当前文档与包含它的文档具有相同的域名。
希望这篇文章能帮助你轻松掌握如何用 JavaScript 获取网站服务器域名。如果你有任何疑问，欢迎在评论区留言讨论。