参考资料

  1. HTML DOM改变表格的cellpadding和cellspacing
  2. HTML DOM 返回image的longdesc属性的值
  3. HTML DOM 被按下的键盘键的keycode?
  4. HTML DOM 鼠标的坐标?
  5. HTML DOM 给image加上border
  6. HTML DOM 对iframe排版
  7. HTML DOM 返回和设置链接的href属性实例
  8. HTML DOM shift键被按下了吗?

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 是相对路径,则返回空字符串

声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。