js 获取域名

在前端开发中,有时候我们需要获取当前网页的域名,以便进行一些特定操作。本文将详细介绍如何使用JavaScript来获取当前网页的域名。
方法一:window.location
我们可以通过window对象的location属性来获取当前网页的URL。这个URL包含了很多信息,其中就包括了域名。
// 获取当前网页的域名
var domain = window.location.hostname;
console.log(domain);
运行上面的代码,会输出当前网页的域名,例如:www.example.com
方法二:document.location
除了使用window.location,我们还可以使用document对象的location属性来获取当前网页的URL,同样也包含了域名信息。
// 获取当前网页的域名
var domain = document.location.hostname;
console.log(domain);
运行上面的代码,同样会输出当前网页的域名。
方法三:正则表达式提取
如果你只是想要获取域名部分,可以使用正则表达式来提取。
// 获取当前网页的域名
var domain = window.location.href.match(/(https?:\/\/)?([^\/\.]+)/i)[2];
console.log(domain);
运行上面的代码,会输出当前网页的域名,例如:www.example.com
方法四:URL对象
在较新的浏览器中,可以使用URL对象来获取当前网页的URL信息,包括域名。
// 创建URL对象
var url = new URL(window.location.href);
// 获取域名
var domain = url.hostname;
console.log(domain);
运行上面的代码,同样会输出当前网页的域名。
通过以上几种方法,我们可以方便地在JavaScript中获取当前网页的域名信息,从而进行一些针对域名的操作。
极客笔记