如何仅用JavaScript准确获取网页当前访问的顶级域名？

JavaScript（简称JS）是网页开发中常用的一种编程语言，它能够帮助我们获取网页上的各种信息，包括当前顶级域名，本文将详细介绍如何使用JavaScript获取当前顶级域名，并提供一些实用的方法和技巧。

使用window.location对象

window.location对象包含了当前URL的相关信息，其中hostname属性包含了域名和端口号，我们可以通过截取hostname属性来获取顶级域名。

1 获取域名

var hostname = window.location.hostname; var domain = hostname.split('.').pop(); console.log(domain); // 输出顶级域名

2 注意事项

• 如果当前页面没有域名（如localhost），则该方法将返回空字符串。
• 如果域名中包含多个点（如subdomain.example.com），则该方法只会获取最后一个点后的部分。

使用document.domain属性

document.domain属性表示当前页面的域名，通过设置该属性，可以获取当前顶级域名。

1 获取域名

var domain = document.domain.split('.').pop(); console.log(domain); // 输出顶级域名

2 注意事项

• 使用该方法前,需要确保当前页面和父页面或子页面的document.domain属性相同。
• 如果当前页面没有域名,则该方法将返回空字符串。

使用window.location.host属性

window.location.host属性包含了域名和端口号，我们可以通过截取该属性来获取顶级域名。

1 获取域名

var host = window.location.host; var domain = host.split(':')[0].split('.').pop(); console.log(domain); // 输出顶级域名

2 注意事项

• 如果当前页面没有域名,则该方法将返回空字符串。
• 如果域名中包含多个点,则该方法只会获取最后一个点后的部分。

使用第三方库

除了上述方法,还有一些第三方库可以帮助我们获取当前顶级域名，如jQuery、Underscore.js等。

1 使用jQuery

var domain = $.parseUrl(window.location.href).hostname.split('.').pop(); console.log(domain); // 输出顶级域名

2 使用Underscore.js

var domain = _.url(window.location.href).hostname.split('.').pop(); console.log(domain); // 输出顶级域名

表格对比

FAQs

Q1：如何处理没有域名的情况？

A1：如果当前页面没有域名，上述方法将返回空字符串，在这种情况下，你可以根据实际情况进行处理，例如显示默认域名或提示用户。

Q2：如何获取二级域名？

A2：要获取二级域名，你可以将上述方法中的.pop()替换为.pop().pop()，这样就可以获取最后一个点前的部分作为二级域名。

var hostname = window.location.hostname; var subdomain = hostname.split('.').pop().split('.').pop(); console.log(subdomain); // 输出二级域名