h5获取域名,跨境电商用的vps,vps8703b,越南vps,虚拟主机vps

🗣 Wd提问: h5获取域名

🤖 Ai回答:
在 H5（HTML5）中，无法直接通过 JavaScript 获取当前页面的域名（host），但可以通过 `window.location` 对象获取完整的地址信息，包括域名。以下是常用的方法：

✅ 获取域名（Host）的方法

javascript
// 1、获取完整的域名（包含端口，如：65.hk:8080）
const domain = window.location.host;
console.log(domain); // 输出：65.hk:8080

// 2、获取不带端口的域名（只取主机名）
const hostname = window.location.hostname;
console.log(hostname); // 输出：65.hk

// 3、获取协议（http/https）
const protocol = window.location.protocol;
console.log(protocol); // 输出：https:

// 4、获取完整地址（包括协议、域名、路径等）
const fullUrl = window.location.href;
console.log(fullUrl); // 输出：https://65.hk:8080/path?query=1

📌 示例说明

假设你的页面地址是：

https://www.65.hk:8080/user/profile?name=alice

执行以下代码：

javascript
console.log(window.location.host); // www.65.hk:8080
console.log(window.location.hostname); // www.65.hk
console.log(window.location.protocol); // https:
console.log(window.location.href); // https://www.65.hk:8080/user/profile?name=alice

⚠️ 注意事项

跨域限制：虽然可以读取 `window.location`，但不能访问其他域名的 `location`（同源策略）。
HTTPS 安全性：在安全上下文中（如 HTTPS），这些属性始终可访问。
移动端或 iframe：在嵌套 iframe 中，若存在跨域，可能受限。

✅ 常用用途

判断是否在某个域名下运行（例如做白名单校验）
动态生成 API 地址
重定向或跳转时保留原始域名

javascript
// 示例：动态拼接 API 地址
const baseUrl = `${window.location.protocol}//${window.location.hostname}/api`;
console.log(baseUrl); // https://www.65.hk/api

✅ 总结

| 属性 | 说明 |

| `window.location.host` | 包含域名和端口（如：65.hk:8080） |
| `window.location.hostname` | 仅域名（不含端口） |
| `window.location.protocol` | 协议（如：https:） |
| `window.location.href` | 完整的 URL |

✅ 推荐使用 `window.location.hostname` 来获取“纯域名”。

如有需要，也可以结合正则或字符串处理进一步清洗域名（比如去掉 `www.` 等前缀）。

如有具体场景（如判断域名是否为 `xxx.com`），欢迎继续提问！

Ai作答

📣 商家广告：