在浏览网页的过程中，我们经常会遇到需要获取网站域名或网址的需求。这不仅可以帮助我们更好地了解网站信息，还能在开发过程中提供便利。本文将介绍如何使用JavaScript轻松获取域名网址，让你快速提取网站真实地址，避免网络迷航。
1. 使用window.location对象
JavaScript中的window.location对象包含了当前页面的URL信息，我们可以通过它来获取域名和网址。
1.1 获取域名
// 获取域名
var hostname = window.location.hostname;
console.log(hostname); // 输出：www.example.com
1.2 获取网址
// 获取网址
var href = window.location.href;
console.log(href); // 输出：http://www.example.com/
2. 使用document.domain属性
在一些特殊情况下，我们可能需要获取到域名而不是完整的网址。这时，可以使用document.domain属性。
2.1 设置document.domain
// 假设当前域名是 www.example.com
document.domain = "example.com";
console.log(window.location.hostname); // 输出：example.com
2.2 获取二级域名
// 获取二级域名
var secondLevelDomain = document.domain.split(".")[1];
console.log(secondLevelDomain); // 输出：example
3. 使用URL类
ES6引入了URL类，提供了更强大的URL处理能力。
3.1 创建URL对象
// 创建URL对象
var url = new URL("http://www.example.com/");
console.log(url.hostname); // 输出：www.example.com
3.2 解析URL
// 解析URL
var url = new URL("http://www.example.com/index.html");
console.log(url.pathname); // 输出：/index.html
4. 总结
通过以上方法，我们可以轻松地使用JavaScript获取域名和网址。在实际开发中，这些技巧可以帮助我们更好地处理URL，提高代码的可读性和可维护性。希望本文能帮助你避免网络迷航，快速提取网站真实地址！