获取主机名和端口号
要获取当前页面的主机名和端口号，可以通过 location.host 属性来实现。下面是一个简单的示例代码：
const hostname = window.location.host; console.log(hostname);
在浏览器中运行上面的代码，就可以输出当前页面的主机名和端口号。例如，如果当前页面的 URL 是 http://www.example.com:8080/index.html，那么输出的结果就是 www.example.com:8080。
修改主机名和端口号
除了获取主机名和端口号外，有时候我们也需要修改主机名和端口号。可以直接给 location.host 赋值来实现。下面是一个示例代码：
window.location.host = 'www.newhost.com:8000';
上面的代码会将当前页面的主机名和端口号修改为 www.newhost.com:8000。需要注意的是，修改主机名和端口号会导致页面重新加载，因此谨慎使用。
判断是否为默认端口号
有时候我们需要判断当前页面是否使用了默认的端口号（http 默认端口号为 80，https 默认端口号为 443）。可以通过判断 location.host 是否包含端口号来实现。下面是一个示例代码：
const isDefaultPort = window.location.host.includes(':80') || window.location.host.includes(':443');
console.log(isDefaultPort);上面的代码会输出一个布尔值，表示当前页面是否使用了默认端口号。根据这个判断结果，我们可以进行相应的处理。
总结
location.host 属性是 Web 开发中处理 URL 地址的重要属性之一，通过它我们可以获取和修改当前页面的主机名和端口号，以及判断是否使用了默认端口号。合理地运用 location.host 属性，可以帮助我们更好地处理 URL 相关的操作。
