JavaScript 怎样获取当前域名

在JavaScript编程中，获取当前域名是一项常见的任务，它在许多场景中都非常有用，比如根据域名来动态加载特定的资源、进行跨域处理或者进行数据分析等。下面将介绍几种在JavaScript中获取当前域名的方法。

1. 使用 window.location 对象

window.location 对象包含了当前浏览器窗口中加载文档的相关信息，其中 hostname 属性可以用来获取当前域名。示例代码如下：

var currentDomain = window.location.hostname;
console.log(currentDomain);

这段代码会将当前页面的域名打印到控制台。例如，如果当前页面的URL是 https://www.example.com/page.html，那么打印出的域名将是 www.example.com。

2. 考虑端口号的情况

如果当前页面的URL包含端口号，而你也需要获取端口号信息，可以使用 window.location.host 属性。它会返回域名和端口号（如果有）。示例代码如下：

var domainWithPort = window.location.host;
console.log(domainWithPort);

比如当前页面的URL是 https://www.example.com:8080/page.html，那么打印出的结果将是 www.example.com:8080。

3. 协议信息的获取

有时候，你可能还需要获取当前页面使用的协议（如 http 或 https），可以使用 window.location.protocol 属性。示例代码如下：

var protocol = window.location.protocol;
console.log(protocol);

对于 https://www.example.com/page.html 这个URL，打印出的协议将是 https:。

4. 综合应用示例

下面是一个综合应用的示例，将协议、域名和端口号组合成完整的URL前缀：

var protocol = window.location.protocol;
var host = window.location.host;
var fullPrefix = protocol + '//' + host;
console.log(fullPrefix);

通过上述方法，你可以方便地在JavaScript中获取当前域名及相关信息，根据实际需求进行灵活运用，从而实现各种复杂的功能。