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