HTMLAreaElement - 操纵 <area> 元素的布局和表示
HTMLAreaElement
接口提供一些特殊的属性和方法(除了它继承的常规 HTMLElement
对象接口的属性和方法之外)来操纵 <area>
元素的布局和表示。
属性
从其父类 HTMLElement
继承了属性,并实现了 HTMLHyperlinkElementUtils
中的属性。
HTMLAreaElement.accessKey
一个 DOMString
,表示将输入焦点切换到超链接的单个字符。
HTMLAreaElement.alt
一个 DOMString
,它反映了 alt
HTML 属性,包含元素的替代文本。
HTMLAreaElement.coords
一个 DOMString
,它反映了 coords
HTML 属性,包含用于定义热点区域的坐标。
HTMLAreaElement.download
一个 DOMString
,表示链接资源旨在下载而不是在浏览器中显示。该值表示文件的建议名称。如果名称不是底层操作系统的有效文件名,浏览器将对其进行调整。
HTMLHyperlinkElementUtils.hash
一个 USVString
,表示片段标识符,包含引用的 URL 中的前导哈希标记('#
')(如果有的话)。
HTMLHyperlinkElementUtils.host
一个 USVString
,表示引用的 URL 中的主机名和端口(如果它不是默认端口)。
HTMLHyperlinkElementUtils.hostname
一个 USVString
,表示引用的 URL 中的主机名。
HTMLHyperlinkElementUtils.href
一个 USVString
,它反映了 href
HTML 属性,包含链接资源的有效 URL。
HTMLAreaElement.hreflang
一个 DOMString
,它反映了 hreflang
HTML 属性,表示链接资源的语言。
HTMLAreaElement.media
一个 DOMString
,它反映了 media
HTML 属性,表示链接资源的预期媒体。
HTMLAreaElement.noHref
一个 Boolean
标志,指示该区域是处于非活动状态(true
)还是活动状态(false
)。
HTMLHyperlinkElementUtils.password
一个 USVString
,包含在域名之前指定的密码。
HTMLHyperlinkElementUtils.origin
只读
一个 USVString
,包含 URL 的源,即其 scheme,域和端口。
HTMLHyperlinkElementUtils.pathname
一个 USVString
,表示引用的 URL 的路径组件(如果有的话)。
HTMLHyperlinkElementUtils.port
一个 USVString
,表示引用 URL 的端口组件(如果有的话)。
HTMLHyperlinkElementUtils.protocol
一个 USVString
,表示引用 URL 的协议组件,包括尾部冒号(':
')。
HTMLAreaElement.referrerPolicy
一个 DOMString
,它反映了 referrerpolicy
HTML 属性,指示要使用的引用策略。
HTMLAreaElement.rel
一个 DOMString
,它反映了 rel
HTML 属性,指定了目标对象与链接对象的关系。
HTMLAreaElement.relList
只读
返回一个 DOMTokenList
,是一个标记列表,反映了 rel
HTML 属性。
HTMLHyperlinkElementUtils.search
一个 USVString
,表示搜索元素,包括引用 URL 的前导问号('?
')(如果有的话)。
HTMLAreaElement.shape
一个 DOMString
,反映 shape
HTML 属性,指示热点的形状,仅限于已知值。
HTMLAreaElement.tabIndex
一个 long
,包含当前文档的 Tab 键导航顺序中该元素的位置。
HTMLAreaElement.target
一个 DOMString
,它反映了 target
HTML 属性,指示了打开链接资源的浏览上下文。
HTMLAreaElement.type
一个 DOMString
,它反映了 type
HTML 属性,表示链接资源的 MIME 类型。
HTMLHyperlinkElementUtils.username
一个 USVString
,包含在域名之前指定的用户名。
方法
从其父类 HTMLElement
继承了方法,并实现了 HTMLHyperlinkElementUtils
中的方法。
HTMLHyperlinkElementUtils.toString()
返回一个 USVString
,其中包含在 Worker
中执行的脚本的完整 URL。它是 URLUtils.href
的同义词。
规范
规范 | 状态 | 备注 |
---|---|---|
HTML Living Standard HTMLAreaElement 的定义 |
现行的标准 | 添加了以下属性:download 。从技术上讲,与 URL 相关的属性, media ,host ,hostname ,pathname ,port ,protocol ,search 和 hash 已被移到 URLUtils 接口,同时 HTMLAreaElement 实现了这个接口。 |
HTML5 HTMLAreaElement 的定义 |
推荐 | 从技术上讲,属性 tabindex 和 accesskey 现在定义在 HTMLElement 上。以下属性现已过时: nohref 。添加了以下属性: rel ,relList ,media ,hreflang ,type ,host ,hostname ,pathname ,port ,protocol ,search 和 hash 。 |
Document Object Model (DOM) Level 2 HTML Specification HTMLAreaElement 的定义 |
已过时 | 和 Document Object Model (DOM) Level 1 Specification 相比没有变化。 |
Document Object Model (DOM) Level 1 Specification HTMLAreaElement 的定义 |
已过时 | 初始定义 |
桌面浏览器兼容性
特性 | Chrome | Edge | Firefox | Internet Explorer | Opera | Safari |
---|---|---|---|---|---|---|
基础支持 | 支持 | 支持 | 1 | 支持 | 支持 | 支持 |
accessKey |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
alt |
支持 | 12 | 1 | 支持 | 支持 | 支持 |
coords |
支持 | 12 | 1 | 支持 | 支持 | 支持 |
download |
54 | 13 | 1 | 支持 | 支持 | 支持 |
hreflang |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
media |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
noHref |
支持 | 12 | 1 | 支持 | 支持 | 支持 |
referrerPolicy |
51 | 不支持 | 50 | 不支持 | 38 | 不支持 |
rel |
54 | 12 | 1 | 支持 | 支持 | 支持 |
relList |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
shape |
支持 | 12 | 1 | 支持 | 支持 | 支持 |
tabIndex |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
target |
支持 | 12 | 1 | 支持 | 支持 | 支持 |
type |
支持 | 支持 | 1 | 支持 | 支持 | 支持 |
移动浏览器兼容性
特性 | Android | Chrome for Android | Edge mobile | Firefox for Android | IE mobile | Opera Android | iOS Safari |
---|---|---|---|---|---|---|---|
基础支持 | 支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
accessKey |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
alt |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
coords |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
download |
54 | 54 | 支持 | 未知 | 未知 | 支持 | 支持 |
hreflang |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
media |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
noHref |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
referrerPolicy |
51 | 51 | 不支持 | 50 | 未知 | 38 | 不支持 |
rel |
54 | 54 | 支持 | 支持 | 未知 | 支持 | 支持 |
relList |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
shape |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
tabIndex |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
target |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
type |
支持 | 支持 | 支持 | 支持 | 未知 | 支持 | 支持 |
相关链接
- 实现该接口的 HTML 元素:
<area>