在Web开发中，获取当前网站的域名是一个常见的需求。这可以帮助开发者进行页面跳转、数据请求等操作。JavaScript 提供了多种方法来获取当前网站的域名。下面，我将详细介绍几种简单且实用的方法。
方法一：使用 window.location.hostname
window.location.hostname 属性可以获取当前网站的域名。这是一个非常直接且常用的方法。
// 获取域名
var hostname = window.location.hostname;
console.log(hostname); // 输出：例如 www.example.com
方法二：使用 window.location.host
window.location.host 属性返回当前网站的域名和端口号。如果你只需要域名，可以通过字符串操作去掉端口号。
// 获取域名
var host = window.location.host;
var hostname = host.split(':')[0]; // 去掉端口号
console.log(hostname); // 输出：例如 www.example.com
方法三：使用 document.domain
在某些情况下，如果你的页面是跨域加载的，可以使用 document.domain 来获取域名。
// 假设页面是跨域加载的，且主域相同
document.domain = 'example.com';
var hostname = window.location.hostname;
console.log(hostname); // 输出：例如 www.example.com
方法四：使用 window.location.protocol
如果你需要获取当前网站的协议（如 HTTP 或 HTTPS），可以使用 window.location.protocol。
// 获取协议
var protocol = window.location.protocol;
console.log(protocol); // 输出：例如 http:
总结
以上是几种获取当前网站域名的常用方法。你可以根据自己的需求选择合适的方法。在实际应用中，通常使用 window.location.hostname 或 window.location.host 就足够了。
希望这篇文章能帮助你轻松掌握获取当前网站域名的技巧。如果你有其他问题或建议，欢迎在评论区留言。