HTML DOM 返回图像映射的某个区域的protocol 实例

admin管理员组

文章数量:1028575

HTML DOM 返回图像映射的某个区域的protocol 实例

参考资料

1. HTML DOM 节点列表长度
2. HTML DOM 方法
3. HTML DOM 返回文档中的链接数
4. HTML DOM 返回加载的当前文档的URL实例
5. HTML DOM 返回图像映射的某个区域的port 实例
6. HTML DOM 返回一个锚的名字 实例
7. HTML DOM 返回当前的文件和链接的文档之间的关系
8. HTML DOM 节点

HTML DOM 图像映射区域 protocol 属性

标签： 标签的 protocol 属性

功能： 返回图像映射中某个区域 URL 的协议部分（如 http: 或 https:）

用法： areaObject.protocol

实例：

代码语言：txt复制

<img src="planets.jpg" usemap="#planetmap">
<map name="planetmap">
  <area id="venus" shape="circle" coords="124,58,8" href=".htm">
</map>
<script>
var protocol = document.getElementById("venus").protocol;
// 返回 "https:"
</script>

CSS 扩展：

代码语言：txt复制

area {
  /* 标准样式属性 */
  outline: none;
}

area[protocol^="https"] {
  /* 针对使用 HTTPS 协议的区域的特殊样式 */
  cursor: pointer;
}

注意事项：

1. 该属性是只读的
2. 返回值包含冒号（如 "http:"）
3. 如果 URL 是相对路径，则返回空字符串

本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。 原始发表：2025-04-24，如有侵权请联系 cloudcommunity@tencent 删除前往查看dom协议字符串htmlhttps

HTML DOM 返回图像映射的某个区域的protocol 实例

参考资料

1. HTML DOM 节点列表长度
2. HTML DOM 方法
3. HTML DOM 返回文档中的链接数
4. HTML DOM 返回加载的当前文档的URL实例
5. HTML DOM 返回图像映射的某个区域的port 实例
6. HTML DOM 返回一个锚的名字 实例
7. HTML DOM 返回当前的文件和链接的文档之间的关系
8. HTML DOM 节点

HTML DOM 图像映射区域 protocol 属性

标签： 标签的 protocol 属性

功能： 返回图像映射中某个区域 URL 的协议部分（如 http: 或 https:）

用法： areaObject.protocol

实例：

代码语言：txt复制

<img src="planets.jpg" usemap="#planetmap">
<map name="planetmap">
  <area id="venus" shape="circle" coords="124,58,8" href=".htm">
</map>
<script>
var protocol = document.getElementById("venus").protocol;
// 返回 "https:"
</script>

CSS 扩展：

代码语言：txt复制

area {
  /* 标准样式属性 */
  outline: none;
}

area[protocol^="https"] {
  /* 针对使用 HTTPS 协议的区域的特殊样式 */
  cursor: pointer;
}

注意事项：

1. 该属性是只读的
2. 返回值包含冒号（如 "http:"）
3. 如果 URL 是相对路径，则返回空字符串

本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。 原始发表：2025-04-24，如有侵权请联系 cloudcommunity@tencent 删除前往查看dom协议字符串htmlhttps

本文标签： HTML DOM 返回图像映射的某个区域的protocol 实例