js怎么判断不同的域名

在JavaScript中，判断不同的域名是一个常见的需求，尤其是在进行网站访问控制、用户追踪或者数据隔离时,以下是一些方法来帮助你实现这一功能：

使用

属性

属性

这是最简单直接的方法。

属性可以返回当前页面的域名。

属性可以返回当前页面的域名。

if (window.location.hostname === 'example.com') {    console.log('当前域名是 example.com');} else {    console.log('当前域名不是 example.com');}

使用正则表达式

如果你需要更复杂的域名匹配,可以使用正则表达式。

const hostname = window.location.hostname;const regex = /^www\.example\.com$/;if (regex.test(hostname)) {    console.log('域名完全匹配 www.example.com');} else {    console.log('域名不匹配 www.example.com');}

使用

属性

属性

如果你有跨域的需求，

属性可以帮助你设置主域名,从而实现子域名之间的通信。

属性可以帮助你设置主域名,从而实现子域名之间的通信。

document.domain = 'example.com';if (document.domain === 'example.com') {    console.log('设置的主域名为 example.com');} else {    console.log('设置的主域名不是 example.com');}

使用

属性

属性

属性返回主机的名字和端口号，与

的区别在于它包含端口号。

的区别在于它包含端口号。

if (location.host === 'example.com:8080') {    console.log('当前域名是 example.com，端口号为 8080');} else {    console.log('当前域名不是 example.com 或端口号不是 8080');}

使用

构造函数

构造函数

ES6 引入的

构造函数可以用来解析URL,并获取域名信息。

构造函数可以用来解析URL,并获取域名信息。

const url = new URL(window.location.href);if (url.hostname === 'example.com') {    console.log('当前域名是 example.com');} else {    console.log('当前域名不是 example.com');}

使用这些方法，你可以轻松地在JavaScript中判断不同的域名，记得根据你的具体需求选择合适的方法。👍🏻