在 Web 开发中，Location 对象是一个非常重要的对象，它包含了当前 URL 的信息，并提供了一些方法来操作 URL。其中，hostname 属性用于获取或设置 URL 的主机名部分。
1. 获取 URL 的主机名
要获取当前页面的主机名，可以通过 Location 对象的 hostname 属性来实现。示例代码如下：
----- -------- - ------------------------- ---------------------- -- ----------
在上面的代码中，window.location.hostname 表示当前页面的主机名，通过 console.log 方法将其输出到控制台。
2. 设置 URL 的主机名
除了获取主机名外，hostname 属性还可以用于设置 URL 的主机名。但需要注意的是，只有在 URL 可修改的情况下才能设置成功。示例代码如下：
------------------------ - ------------------
上述代码将当前页面的主机名设置为 www.example.com。需要注意的是，这种操作可能会导致页面跳转。
3. 使用主机名做条件判断
在某些情况下，我们可能需要根据页面的主机名来进行不同的操作。例如，根据不同的域名加载不同的内容。示例代码如下：
-- ------------------------- --- ------------------ -
-- -- ------- -----
- ---- -- ------------------------- --- ------------------------- -
-- -- -------------- -----
- ---- -
-- -------
-通过判断 window.location.hostname 的值，我们可以实现根据不同的主机名加载不同的内容。
总结
Location 对象的 hostname 属性是一个非常有用的属性，可以用于获取或设置 URL 的主机名。同时，我们还可以根据主机名做一些条件判断，实现更灵活的操作。希望本文对你有所帮助！