首先，在浏览器环境中，我们可以通过`window.location`对象访问到有关当前窗口加载文档的信息，这个对象包含了如href（完整网址）、origin（协议+主机名+端口）以及hostname、port属性等多种实用的数据项。
1. 获取当前页面的域名校验：
javascript
var domain = window.location.hostname;
console.log(domain); // 输出： "www.example.com"
上述代码会返回正在运行脚本的网页所在的服务器的域名或IP地址。
2. 获取当前页面的端口号：
对于非标准HTTP(80)或者HTTPS(443)端口的情况，我们可以直接通过location.port属性得到具体的端口号：
javascript
var port = window.location.port;
console.log(port); // 如果是默认http/https端口则输出 ""
// 若是在例如"example.com:9000"这样的环境下，则输出："9000"
需要注意的是，默认情况下使用 http 协议且未指定端口时，其值为空字符串；同理 https 默认为 443 端口也不会显示具体数值。因此，请确保针对不同情况进行适当的逻辑处理以保证正确性。
另外一种更为全面的方式是对整个起源(origin)进行解析，并从中提取出端口：
javascript
const { protocol, hostname, port } = window.location;
let originWithPort = `${protocol}//${hostname}`;
if (port !== "" && port != '80' && port != '443') {
originWithPort += `:${port}`;
}
console.log('完整的Origin with Port:', originWithPort);
此段代码将始终包含正确的带有端口的标准格式起源 URL，即使它处于默认 HTTP 或 HTTPS 设置下也不例外。
总结起来，在实际项目开发过程中，灵活运用JavaScript提供的API可以让我们更便捷准确地掌控应用所处的上下文环境，从而更好地满足功能需求和技术设计上的目标。从简单的获取域名及端口号的操作开始，逐渐积累起对客户端编程技术深刻的理解与掌握能力。
标签： js获取当前域名端口
