HTMLAnchorElement - Web APIs 编辑

The HTMLAnchorElement interface represents hyperlink elements and provides special properties and methods (beyond those of the regular HTMLElement object interface that they inherit from) for manipulating the layout and presentation of such elements. This interface corresponds to <a> element; not to be confused with <link>, which is represented by HTMLLinkElement)

  <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="/wiki/en-US/docs/Web/API/EventTarget" 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="/wiki/en-US/docs/Web/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="/wiki/en-US/docs/Web/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="https://developer.mozilla.org/wiki/en-US/docs/Web/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="/wiki/en-US/docs/Web/API/HTMLAnchorElement" target="_top"><rect x="321" y="65" width="170" height="50" fill="#F4F7F8" stroke="#D4DDE4" stroke-width="2px" /><text  x="406" y="94" font-size="12px" font-family="Consolas,Monaco,Andale Mono,monospace" fill="#4D4E53" text-anchor="middle" alignment-baseline="middle">HTMLAnchorElement</text></a></svg></div>

  a:hover text { fill: #0095DD; pointer-events: all;}

Properties

Inherits properties from its parent, HTMLElement, and implements those from HTMLHyperlinkElementUtils.

Element.accessKey

Is a DOMString representing a single character that switches input focus to the hyperlink.

HTMLAnchorElement.download

Is a 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

Is a USVString representing the fragment identifier, including the leading hash mark ('#'), if any, in the referenced URL.

HTMLHyperlinkElementUtils.host

Is a USVString representing the hostname and port (if it's not the default port) in the referenced URL.

HTMLHyperlinkElementUtils.hostname

Is a USVString representing the hostname in the referenced URL.

HTMLHyperlinkElementUtils.href

Is a USVString that is the result of parsing the href HTML attribute relative to the document, containing a valid URL of a linked resource.

HTMLAnchorElement.hreflang

Is a DOMString that reflects the hreflang HTML attribute, indicating the language of the linked resource.

HTMLHyperlinkElementUtils.password

Is a USVString containing the password specified before the domain name.

HTMLHyperlinkElementUtils.origin Read only

Returns a USVString containing the origin of the URL, that is its scheme, its domain and its port.

HTMLHyperlinkElementUtils.pathname

Is a USVString containing an initial '/' followed by the path of the URL, not including the query string or fragment.

HTMLHyperlinkElementUtils.port

Is a USVString representing the port component, if any, of the referenced URL.

HTMLHyperlinkElementUtils.protocol

Is a USVString representing the protocol component, including trailing colon (':'), of the referenced URL.

HTMLAnchorElement.referrerPolicy

Is a DOMString that reflects the referrerpolicy HTML attribute indicating which referrer to use.

HTMLAnchorElement.rel

Is a DOMString that reflects the rel HTML attribute, specifying the relationship of the target object to the linked object.

HTMLAnchorElement.relList Read only

Returns a DOMTokenList that reflects the rel HTML attribute, as a list of tokens.

HTMLHyperlinkElementUtils.search

Is a USVString representing the search element, including leading question mark ('?'), if any, of the referenced URL.

HTMLElement.tabindex

Is a long containing the position of the element in the tabbing navigation order for the current document.

HTMLAnchorElement.target

Is a DOMString that reflects the target HTML attribute, indicating where to display the linked resource.

HTMLAnchorElement.text

Is a DOMString being a synonym for the Node.textContent property.

HTMLAnchorElement.type

Is a DOMString that reflects the type HTML attribute, indicating the MIME type of the linked resource.

HTMLHyperlinkElementUtils.username

Is a USVString containing the username specified before the domain name.

Obsolete properties

HTMLAnchorElement.charset

Is a DOMString representing the character encoding of the linked resource.

HTMLAnchorElement.coords

Is a DOMString representing a comma-separated list of coordinates.

HTMLAnchorElement.name

Is a DOMString representing the anchor name.

HTMLAnchorElement.rev

Is a DOMString representing that the rev HTML attribute, specifying the relationship of the link object to the target object. Note: 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.

HTMLAnchorElement.shape

Is a DOMString representing the shape of the active area.

Methods

Inherits methods from its parent, HTMLElement, and implements those from HTMLHyperlinkElementUtils.

HTMLElement.blur()

Removes the keyboard focus from the current element.

HTMLElement.focus()

Gives the keyboard focus to the current element.

HTMLHyperlinkElementUtils.toString()

Returns a USVString containing the whole URL. It is a synonym for HTMLHyperlinkElementUtils.href, though it can't be used to modify the value.

The blur() and focus() methods are inherited from HTMLElement from HTML5 on, but were defined on HTMLAnchorElement in DOM Level 2 HTML and earlier specifications.

Specifications

Browser compatibility

BCD tables only load in the browser

See also

• The HTML element implementing this interface: <a>