参考资料

1. HTML DOM 改变一个iframe的src
2. HTML DOM 返回页面上所有相对链接的基链接 实例
3. HTML DOM一个单元格的innerHTML
4. HTML DOM 返回图像映射某个区域的坐标实例
5. HTML DOM document.write() 方法
6. HTML DOM 哪个元素被按下了？
7. HTML DOM 返回文档中表单数目
8. HTML DOM 返回图像映射的某个区域的shape 实例

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

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="https://example.com/venus.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 是相对路径，则返回空字符串