如何使用JavaScript来获取当前页面的主机名（host）？

获取 Host 的 JavaScript 代码

在 JavaScript 中，可以通过window.location 对象来获取当前页面的 host，以下是一个简单的示例：

// 获取当前页面的 host
var host = window.location.host;
console.log("Host:", host);

源码解析

1、window.location:window.location 是一个内置的对象，它提供了关于当前 URL 的信息。

2、window.location.host:window.location.host 属性返回当前 URL 的主机名和端口号（如果有），对于 URL "https://www.example.com:8080/path"，window.location.host 的值将是 "www.example.com:8080"。

3、console.log():console.log() 函数用于在浏览器的控制台输出信息，我们使用它来打印出获取到的 host。

相关问题与解答

问题1: 如果我想获取不带端口号的主机名怎么办？

答案： 如果你只想获取不带端口号的主机名，你可以使用split() 方法将主机名和端口号分开，然后只取第一个元素，以下是示例代码：

// 获取当前页面的 host，不包括端口号
var hostWithoutPort = window.location.host.split(':')[0];
console.log("Host without port:", hostWithoutPort);

问题2: 如果我在一个非浏览器环境中运行这段代码，Node.js，会发生什么？

答案： 在非浏览器环境（如 Node.js）中，window 对象是不存在的，因此尝试访问window.location 会导致错误，在这种情况下，你需要使用其他库或模块来获取 host，例如使用url 模块来解析 URL，以下是一个 Node.js 中的示例：

const url = require('url');
// 假设你有一个 URL 字符串
const myUrl = 'https://www.example.com:8080/path';
// 使用 url 模块解析 URL
const parsedUrl = url.parse(myUrl);
// 获取 host，包括端口号
const hostWithPort = parsedUrl.hostname + (parsedUrl.port ? ':' + parsedUrl.port : '');
console.log("Host with port:", hostWithPort);
// 获取 host，不包括端口号
const hostWithoutPort = parsedUrl.hostname;
console.log("Host without port:", hostWithoutPort);