JS获取当前域名|极客笔记

JS获取当前域名

在Web开发中，经常会遇到需要获取当前网页的域名的情况。比如在开发中需要根据不同的域名做一些逻辑判断或者展示不同的内容。本文将详细介绍如何使用JavaScript获取当前网页的域名。

在JavaScript中，可以通过window对象的location属性来获取当前页面的URL信息。location对象包含了很多有用的属性，其中有一个叫做hostname，用来获取当前页面的域名。

const domain = window.location.hostname;
console.log(domain);

上面的代码会输出当前页面的域名，比如在www.example.com/page.html页面上运行上述代码，会输出www.example.com。

除了使用window对象的location属性来获取当前页面的域名外，还可以通过document对象的URL属性来获取当前页面的URL信息，然后使用正则表达式提取域名部分。

const url = document.URL;
const domain = url.match(/^(?:https?:\/\/)?(?:[^@\/\n]+@)?(?:www\.)?([^:\/\n]+)/im)[1];
console.log(domain);

上面的代码会输出与之前相同的结果，获取到当前页面的域名部分。

通过以上两种方法，我们可以轻松地获取到当前网页的域名信息，方便在开发中进行各种操作和逻辑判断。