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

实例：

<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 扩展：

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

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

注意事项：

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