HTMLAreaElement
interface provides special properties and methods (beyond those of the regular object
HTMLElement
interface it also has available to it by inheritance) for manipulating the layout and presentation of
<area>
元素。
<div id="interfaceDiagram" style="display: inline-block; position: relative; width: 100%; padding-bottom: 20%; vertical-align: middle; overflow: hidden;"><svg style="display: inline-block; position: absolute; top: 0; left: 0;" viewbox="-50 0 600 120" preserveAspectRatio="xMinYMin meet"><a xlink:href="../API/EventTarget.html" target="_top"><rect x="1" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="56" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">EventTarget</text></a><polyline points="111,25 121,20 121,30 111,25" stroke="#D4DDE4" fill="none"/><line x1="121" y1="25" x2="151" y2="25" stroke="#D4DDE4"/><a xlink:href="../API/Node" target="_top"><rect x="151" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="188.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Node</text></a><polyline points="226,25 236,20 236,30 226,25" stroke="#D4DDE4" fill="none"/><line x1="236" y1="25" x2="266" y2="25" stroke="#D4DDE4"/><a xlink:href="../API/Element" target="_top"><rect x="266" y="1" width="75" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="303.5" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">Element</text></a><polyline points="341,25 351,20 351,30 341,25" stroke="#D4DDE4" fill="none"/><line x1="351" y1="25" x2="381" y2="25" stroke="#D4DDE4"/><a xlink:href="../API/HTMLElement" target="_top"><rect x="381" y="1" width="110" height="50" fill="#fff" stroke="#D4DDE4" stroke-width="2px" /><text x="436" y="30" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLElement</text></a><polyline points="491,25 501,20 501,30 491,25" stroke="#D4DDE4" fill="none"/><line x1="501" y1="25" x2="509" y2="25" stroke="#D4DDE4"/><line x1="509" y1="25" x2="509" y2="90" stroke="#D4DDE4"/><line x1="509" y1="90" x2="492" y2="90" stroke="#D4DDE4"/><a xlink:href="../API/HTMLAreaElement" target="_top"><rect x="341" y="65" width="150" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text x="416" y="94" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLAreaElement</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
继承的特性来自其父级，
HTMLElement
，和实现那些来自
HTMLHyperlinkElementUtils
.
Element.accessKey
DOMString
containing a single character that switches input focus to the control.
HTMLAreaElement.alt
DOMString
that reflects the
alt
HTML attribute, containing alternative text for the element.
HTMLAreaElement.coords
DOMString
that reflects the
coords
HTML attribute, containing coordinates to define the hot-spot region.
HTMLAreaElement.download
DOMString
indicating that the linked resource is intended to be downloaded rather than displayed in the browser. The value represent the proposed name of the file. If the name is not a valid filename of the underlying OS, browser will adapt it.
HTMLHyperlinkElementUtils.hash
USVString
containing the fragment identifier (including the leading hash mark (#)), if any, in the referenced URL.
HTMLHyperlinkElementUtils.host
USVString
containing the hostname and port (if it's not the default port) in the referenced URL.
HTMLHyperlinkElementUtils.hostname
USVString
containing the hostname in the referenced URL.
HTMLHyperlinkElementUtils.href
USVString
containing that reflects the
href
HTML attribute, containing a valid URL of a linked resource.
HTMLAreaElement.hreflang
DOMString
containing that reflects the
hreflang
HTML attribute, indicating the language of the linked resource.
HTMLAreaElement.media
DOMString
containing that reflects the
media
HTML attribute, indicating target media of the linked resource.
HTMLAreaElement.noHref
布尔
flag indicating if the area is inactive (
true
) or active (
false
).
HTMLHyperlinkElementUtils.password
USVString
containing the password specified before the domain name.
HTMLHyperlinkElementUtils.origin
只读
USVString
containing the origin of the URL, that is its scheme, its domain and its port.
HTMLHyperlinkElementUtils.pathname
USVString
containing the path name component, if any, of the referenced URL.
HTMLHyperlinkElementUtils.port
USVString
containing the port component, if any, of the referenced URL.
HTMLHyperlinkElementUtils.protocol
USVString
containing the protocol component (including trailing colon
':'
), of the referenced URL.
HTMLAreaElement.referrerPolicy
DOMString
that reflects the
referrerpolicy
HTML attribute indicating which referrer to use when fetching the linked resource.
HTMLAreaElement.rel
DOMString
that reflects the
rel
HTML attribute, indicating relationships of the current document to the linked resource.
HTMLAreaElement.relList
只读
DOMTokenList
that reflects the
rel
HTML attribute, indicating relationships of the current document to the linked resource, as a list of tokens.
HTMLHyperlinkElementUtils.search
USVString
containing the search element (including leading question mark
'?'
), if any, of the referenced URL.
HTMLAreaElement.shape
DOMString
that reflects the
shape
HTML attribute, indicating the shape of the hot-spot, limited to known values.
HTMLElement.tabIndex
long
containing the element's position in the tabbing order.
HTMLAreaElement.target
DOMString
that reflects the
target
HTML attribute, indicating the browsing context in which to open the linked resource.
HTMLAreaElement.type
DOMString
that reflects the
type
HTML attribute, indicating the MIME type of the linked resource.
HTMLHyperlinkElementUtils.username
USVString
containing the username specified before the domain name.
继承方法来自其父级
HTMLElement
，和实现那些来自
HTMLHyperlinkElementUtils
.
HTMLHyperlinkElementUtils.toString()
USVString
containing the whole URL of the script executed in the
Worker
. It is a synonym for
HTMLHyperlinkElementUtils.href
.
| 规范 | 状态 | 注释 |
|---|---|---|
|
HTML 实时标准
The definition of 'HTMLAreaElement' in that specification. |
实时标准 |
The following property has been added:
download
.
Technically, the URL-related properties,
media
,
host
,
hostname
,
pathname
,
port
,
协议
,
search
，和
hash
, have been moving to the
HTMLHyperlinkElementUtils
mixin, and
HTMLAreaElement
implements this mixin.
|
|
HTML5
The definition of 'HTMLAreaElement' in that specification. |
推荐 |
Technically, the properties
tabindex
and
accesskey
are now defined on
HTMLElement
.
The following property is now obsolete:
nohref
.
The following properties have been added:
rel
,
relList
,
media
,
hreflang
,
type
,
host
,
hostname
,
pathname
,
port
,
协议
,
search
，和
hash
.
|
|
DOM (文档对象模型) 2 级 HTML 规范
The definition of 'HTMLAreaElement' in that specification. |
过时 | 无变化自 DOM (文档对象模型) 1 级规范 . |
|
DOM (文档对象模型) 1 级规范
The definition of 'HTMLAreaElement' in that specification. |
过时 | 初始定义 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
HTMLAreaElement
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
accessKey
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
alt
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
coords
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
download
|
Chrome 54 | Edge 13 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android 54 | Chrome Android 54 | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android 6.0 |
hreflang
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
media
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
noHref
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
referrerPolicy
|
Chrome 51 | Edge 79 | Firefox 50 | IE No | Opera 38 | Safari 11.1 | WebView Android 51 | Chrome Android 51 | Firefox Android 50 | Opera Android 41 | Safari iOS No | Samsung Internet Android 7.2 |
rel
|
Chrome 54 | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android 54 | Chrome Android 54 | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android 6.0 |
relList
|
Chrome 65 | Edge 18 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android 65 | Chrome Android 65 | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android 9.0 |
shape
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
tabIndex
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
target
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
type
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android Yes | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
完整支持
不支持
实验。期望将来行为有所改变。
<area>
HTMLAreaElement
BeforeUnloadEvent
DOMStringMap
ErrorEvent
GlobalEventHandlers
HTMLAnchorElement
HTMLAudioElement
HTMLBRElement
HTMLBaseElement
HTMLBaseFontElement
HTMLBodyElement
HTMLButtonElement
HTMLCanvasElement
HTMLContentElement
HTMLDListElement
HTMLDataElement
HTMLDataListElement
HTMLDialogElement
HTMLDivElement
HTMLDocument
HTMLElement
HTMLEmbedElement
HTMLFieldSetElement
HTMLFormControlsCollection
HTMLFormElement
HTMLFrameSetElement
HTMLHRElement
HTMLHeadElement
HTMLHeadingElement
HTMLHtmlElement
HTMLIFrameElement
HTMLImageElement
HTMLInputElement
HTMLIsIndexElement
HTMLKeygenElement
HTMLLIElement
HTMLLabelElement
HTMLLegendElement
HTMLLinkElement
HTMLMapElement
HTMLMediaElement
HTMLMetaElement
HTMLMeterElement
HTMLModElement
HTMLOListElement
HTMLObjectElement
HTMLOptGroupElement
HTMLOptionElement
HTMLOptionsCollection
HTMLOutputElement
HTMLParagraphElement
HTMLParamElement
HTMLPictureElement
HTMLPreElement
HTMLProgressElement
HTMLQuoteElement
HTMLScriptElement
HTMLSelectElement
HTMLShadowElement
HTMLSourceElement
HTMLSpanElement
HTMLStyleElement
HTMLTableCaptionElement
HTMLTableCellElement
HTMLTableColElement
HTMLTableDataCellElement
HTMLTableElement
HTMLTableHeaderCellElement
HTMLTableRowElement
HTMLTableSectionElement
HTMLTemplateElement
HTMLTextAreaElement
HTMLTimeElement
HTMLTitleElement
HTMLTrackElement
HTMLUListElement
HTMLUnknownElement
HTMLVideoElement
HashChangeEvent
历史
ImageData
定位
MessageChannel
MessageEvent
MessagePort
Navigator
NavigatorGeolocation
NavigatorID
NavigatorLanguage
NavigatorOnLine
NavigatorPlugins
PageTransitionEvent
Plugin
PluginArray
PopStateEvent
PortCollection
PromiseRejectionEvent
RadioNodeList
Transferable
ValidityState
Window
WindowBase64
WindowEventHandlers
WindowTimers