HTMLLinkElement
interface represents reference information for external resources and the relationship of those resources to a document and vice-versa (corresponds to
<link>
element; not to be confused with
<a>
, which is represented by
HTMLAnchorElement
). This object inherits all of the properties and methods of the
HTMLElement
接口。
<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/HTMLLinkElement" 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">HTMLLinkElement</text></a></svg></div>
a:hover text { fill: #0095DD; pointer-events: all;}
继承的特性来自其父级,
HTMLElement
,和
LinkStyle
.
HTMLLinkElement.as
DOMString
representing the type of content being loaded by the HTML link.
HTMLLinkElement.crossOrigin
DOMString
that corresponds to the CORS setting for this link element. See
CORS settings attributes
了解细节。
HTMLLinkElement.disabled
布尔
which represents whether the link is disabled; currently only used with style sheet links.
HTMLLinkElement.href
DOMString
representing the URI for the target resource.
HTMLLinkElement.hreflang
DOMString
representing the language code for the linked resource.
HTMLLinkElement.media
DOMString
representing a list of one or more media formats to which the resource applies.
HTMLLinkElement.referrerPolicy
DOMString
that reflects the
referrerpolicy
HTML attribute indicating which referrer to use.
HTMLLinkElement.rel
DOMString
representing the forward relationship of the linked resource from the document to the resource.
HTMLLinkElement.relList
只读
DOMTokenList
that reflects the
rel
HTML attribute, as a list of tokens.
HTMLLinkElement.sizes
只读
DOMSettableTokenList
that reflects the
sizes
HTML attribute, as a list of tokens.
LinkStyle.sheet
只读
StyleSheet
object associated with the given element, or
null
若没有。
HTMLLinkElement.type
DOMString
representing the MIME type of the linked resource.
HTMLLinkElement.charset
DOMString
representing the character encoding for the target resource.
HTMLLinkElement.rev
DOMString
representing the reverse relationship of the linked resource from the resource to the document.
注意
: Currently the W3C HTML 5.2 spec states that
rev
is no longer obsolete, whereas the WHATWG living standard still has it labeled obsolete. Until this discrepancy is resolved, you should still assume it is obsolete.
HTMLLinkElement.target
DOMString
representing the name of the target frame to which the resource applies.
No specific method; inherits methods from its parent,
HTMLElement
,和
LinkStyle
.
| 规范 | 状态 | 注释 |
|---|---|---|
| Preload | 候选推荐 |
定义
<link rel="preload">
,和
as
property. Note that currently Firefox only supports preloading of cacheable resources.
|
|
HTML 实时标准
The definition of 'HTMLLinkElement' in that specification. |
实时标准 |
Adds the following properties:
crossOrigin
,
referrerPolicy
,和
as
.
|
|
HTML 5.1
The definition of 'HTMLLinkElement' in that specification. |
推荐 | |
|
HTML5
The definition of 'HTMLLinkElement' in that specification. |
推荐 |
The following properties are now obsolete:
charset
,
rev
,和
shape
.
The following properties have been added:
relList
,和
sizes
.
|
|
DOM (文档对象模型) 2 级 HTML 规范
The definition of 'HTMLLinkElement' in that specification. |
过时 |
Added a second inheritence, the
LinkStyle
接口。
|
|
DOM (文档对象模型) 1 级规范
The definition of 'HTMLLinkElement' in that specification. |
过时 | 初始定义。 |
| 桌面 | 移动 | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
HTMLLinkElement
|
Chrome Yes | Edge 12 | Firefox 1 | IE Yes | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 4 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android Yes |
as
|
Chrome 50 | Edge 17 | Firefox 56 | IE Yes | Opera 37 | Safari Yes | WebView Android 50 | Chrome Android 50 | Firefox Android 56 | Opera Android 37 | Safari iOS Yes | Samsung Internet Android 5.0 |
crossOrigin
|
Chrome Yes | Edge 17 | Firefox 18 | IE ? | Opera Yes | Safari Yes | WebView Android Yes | Chrome Android Yes | Firefox Android 18 | 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 5.0 |
rel
|
Chrome Yes | Edge 12 | Firefox Yes | 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 |
relList
|
Chrome 54 | Edge 17 | Firefox 30 | IE ? | Opera Yes | Safari Yes | WebView Android 54 | Chrome Android 54 | Firefox Android 30 | Opera Android Yes | Safari iOS Yes | Samsung Internet Android 6.0 |
sizes
|
Chrome
Yes
注意事项
|
Edge 79 | Firefox 不支持 No | IE ? |
Opera
Yes
注意事项
|
Safari Yes |
WebView Android
Yes
注意事项
|
Chrome Android
Yes
注意事项
|
Firefox Android 不支持 No |
Opera Android
Yes
注意事项
|
Safari iOS Yes |
Samsung Internet Android
Yes
注意事项
|
完整支持
不支持
兼容性未知
实验。期望将来行为有所改变。
见实现注意事项。
<link>
.
HTMLLinkElement
BeforeUnloadEvent
DOMStringMap
ErrorEvent
GlobalEventHandlers
HTMLAnchorElement
HTMLAreaElement
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
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