前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >HTML DOM 返回图像映射的某个区域的protocol 实例

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

作者头像
西里网
发布于 2025-04-25 03:16:54
发布于 2025-04-25 03:16:54
1140
举报
文章被收录于专栏:西里网CSDN博客西里网CSDN博客
参考资料

  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
AI代码解释
复制
<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 扩展:

代码语言:txt
AI代码解释
复制
area {
  /* 标准样式属性 */
  outline: none;
}

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

注意事项:

  1. 该属性是只读的
  2. 返回值包含冒号(如 "http:")
  3. 如果 URL 是相对路径,则返回空字符串
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2025-04-24,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档