📅 最后修改于: 2023-12-03 14:41:51.834000 🧑 作者: Mango
HTML 锚点（anchor）是一个指向文档内某个位置的链接。通过在链接中加入特定的标记（锚点）以及对应位置的 ID，就可以在页面内部快速定位到任意位置。HTML | DOM 锚点端口属性包括以下几个：
hash 属性用于设置或返回锚点名称，即 URL 中“#”后面的部分。
示例：
console.log(location.hash); // 输出当前页面的锚点名称
location.hash = "section1"; // 设置锚点名称为 section1
host 属性用于设置或返回 URL 的主机名和端口号。
示例：
console.log(location.host); // 输出当前页面的主机名和端口号，如 "www.example.com:80"
location.host = "www.example.com:8080"; // 修改主机名和端口号为 www.example.com:8080
hostname 属性用于设置或返回 URL 的主机名。
示例：
console.log(location.hostname); // 输出当前页面的主机名，如 "www.example.com"
location.hostname = "example.com"; // 修改主机名为 example.com
pathname 属性用于设置或返回 URL 的路径部分。
示例：
console.log(location.pathname); // 输出当前页面的路径部分，如 "/path/to/file.html"
location.pathname = "/new/path/to/file.html"; // 修改路径为 /new/path/to/file.html
port 属性用于设置或返回 URL 的端口号。
示例：
console.log(location.port); // 输出当前页面的端口号，如 "80"
location.port = "8080"; // 修改端口号为 8080
protocol 属性用于设置或返回 URL 的协议部分，如 "http:"、"https:" 等。
示例：
console.log(location.protocol); // 输出当前页面的协议部分，如 "http:"
location.protocol = "https:"; // 修改协议部分为 https:
以上就是 HTML | DOM 锚点端口属性的介绍，通过这些属性，我们可以在 JavaScript 中轻松地操作 URL 的各个部分。