HTML | DOM 位置主机名属性

简介

在 HTML 中，DOM（文档对象模型）是一个表示网页文档的树结构。DOM 位置主机名属性用于获取或修改网页 URL 的主机名部分。

DOM 中的 location 对象表示当前窗口中加载的文档的 URL。它是 window 对象的一部分，可以通过 window.location 或简写为 location 来访问。

位置主机名属性是 location 对象的一个属性，可以通过 location.hostname 来访问。

语法

以下是获取和设置位置主机名的语法：

• 获取主机名：var hostname = location.hostname;
• 设置主机名：location.hostname = new_hostname;

示例

获取主机名

var hostname = location.hostname;
console.log(hostname);

示例输出：

www.example.com

设置主机名

location.hostname = "new.example.com";
console.log(location.hostname);

示例输出：

new.example.com

注意事项

• 位置主机名属性只返回主机名部分，不包括协议、端口号和路径。
• 如果 URL 使用了非标准的端口号（如 example.com:8080），则主机名将包括端口号。
• 主机名是只读属性，无法直接修改整个 URL。

参考链接

• MDN web 文档：Location.hostname