如何仅用JavaScript精确获取并显示当前网页的完整域名地址？

JavaScript（简称JS）是一种广泛使用的编程语言，它可以在网页中实现动态效果和交互功能，在网页开发过程中，获取当前域名是一个常见的需求，本文将详细介绍如何使用JavaScript获取当前域名，并提供一些实用的方法和技巧。

什么是域名？

域名是互联网上用于标识特定网站的名称,它由多个部分组成，通常以点分隔，www.example.com 是一个域名，

• www：子域名
• example：主域名
• com：顶级域名

获取当前域名的常用方法

以下是一些常用的JavaScript方法,用于获取当前域名：

使用 window.location.hostname

window.location.hostname 属性可以获取当前页面的主域名。

console.log(window.location.hostname); // 输出：example.com

使用 document.domain

document.domain 属性可以获取当前页面的域名，包括子域名。

console.log(document.domain); // 输出：example.com

使用 window.location.host

window.location.host 属性可以获取当前页面的域名和端口号。

console.log(window.location.host); // 输出：example.com:80

使用 window.location.href

window.location.href 属性可以获取当前页面的完整URL，包括域名、路径、查询参数等。

console.log(window.location.href); // 输出：http://example.com/path?query=value

方法对比与选择

以下是一个表格,对比了上述四种方法的区别：

根据实际需求,选择合适的方法获取当前域名。

FAQs

如何在获取域名时排除端口号？

如果需要排除端口号,可以使用 window.location.hostname 方法，然后根据需要处理字符串，以下是一个示例：

var domain = window.location.hostname.split(':')[0];
console.log(domain); // 输出：example.com

如何获取当前页面的路径？

要获取当前页面的路径,可以使用 window.location.pathname 属性，以下是一个示例：

console.log(window.location.pathname); // 输出：/path

通过以上方法,您可以在JavaScript中轻松获取当前域名，并应用于各种场景，希望本文对您有所帮助！