在 JavaScript 中获取域名

在前端开发中，获取当前网站的域名是一个常见的需求。本文将介绍几种获取域名的方法。

方法一：使用 location 对象

location 对象是网页中的一个全局对象，它包含当前URL的信息，包括协议、域名、路径等等。因此，我们可以通过 location 对象来获取当前网站的域名。

下面是示例代码：

const domain = location.hostname;
console.log(domain); // 输出当前网站的域名（例如：www.example.com）

方法二：使用 window 对象

除了 location 对象，window 对象也可以获取当前网站的域名。window 对象是表示浏览器窗口的一个全局对象。

下面是示例代码：

const domain = window.location.hostname;
console.log(domain); // 输出当前网站的域名（例如：www.example.com）

方法三：使用正则表达式

有时候，我们需要从 URL 中提取出域名，可能我们无法依赖 location 对象或 window 对象。这时候，我们可以使用正则表达式来提取域名。

下面是示例代码：

const url = 'https://www.example.com/path/to/page';
const domain = url.match(/^(?:https?:\/\/)?(?:[^@\n]+@)?(?:www\.)?([^:\/\n?]+)/img)[0];
console.log(domain); // 输出当前网站的域名（例如：www.example.com）

方法四：使用 URL 对象

URL 对象是在 ES6 中引入的全局对象，它提供了方便的方法来操作 URL。除了可以解析 URL，URL 对象也可以获取域名。

下面是示例代码：

const url = new URL('https://www.example.com/path/to/page');
const domain = url.hostname;
console.log(domain); // 输出当前网站的域名（例如：www.example.com）

总结

以上就是 JavaScript 中获取域名的几种方法。在实际开发中，我们可以根据需要选择不同的方法来获取当前网站的域名。