SVGAElement

Baseline 廣泛可用 *

此特性已相當成熟,可在許多裝置和瀏覽器版本上使用。自 ⁨2015 年 7 月⁩以來,各瀏覽器均已提供此特性。

* 此特性的某些部分可能存在不同級別的支援。

SVGAElement 介面提供了對 <a> 元素的屬性的訪問,以及操作這些屬性的方法。

EventTarget Node Element SVGElement SVGGraphicsElement SVGAElement

例項屬性

此介面還繼承了其父介面 SVGGraphicsElement 的屬性。

SVGAElement.download

請參閱 HTMLAnchorElement.download

SVGAElement.hash

一個字串,表示引用 URL 中的片段識別符號,包括前面的雜湊標記 (#),如果有的話。

SVGAElement.host

一個字串,表示引用 URL 中的主機名和埠(如果不是預設埠)。

SVGAElement.hostname

一個字串,表示引用 URL 中的主機名。

SVGAElement.href 只讀

一個 SVGAnimatedString 物件,反映了 hrefxlink:href 已棄用 屬性。

SVGAElement.hreflang

一個字串,反映 hreflang 屬性,指示連結資源的語言。

SVGAElement.origin 只讀

返回一個包含 URL 來源的字串,即其協議、域名和埠。

SVGAElement.pathname

一個字串,包含一個初始的 /,後跟 URL 的路徑,不包括查詢字串或片段。

SVGAElement.password

一個字串,包含在域名之前指定的密碼。

SVGAElement.ping

一個字串,反映 ping 屬性,包含一個空格分隔的 URL 列表,當用戶遵循該超連結時,瀏覽器將(在後臺)向這些 URL 傳送帶有 PING 主體的 POST 請求。通常用於跟蹤。

SVGAElement.port

一個字串,表示引用 URL 的埠部分(如果存在)。

SVGAElement.protocol

一個字串,表示引用 URL 的協議部分,包括末尾的冒號 (:)。

SVGAElement.referrerPolicy

請參閱 HTMLAnchorElement.referrerPolicy

SVGAElement.rel

一個字串,反映 rel SVG 屬性,指定連結目標的關聯關係。

SVGAElement.relList

一個 DOMTokenList 物件,反映 rel SVG 屬性,作為一個令牌列表。

SVGAElement.search

一個字串,表示引用 URL 中的搜尋元素,包括前面的問號 (?),如果有的話。

SVGAElement.target 只讀

它對應於給定元素的 target 屬性。

SVGAElement.text 已棄用

一個字串,是 Node.textContent 屬性的同義詞。

SVGAElement.type

一個字串,反映 type 屬性,指示連結資源的 MIME 型別。

SVGAElement.username

一個字串,包含在域名之前指定的使用者名稱。

例項方法

此介面沒有方法,但繼承了其父介面 SVGGraphicsElement 的方法。

示例

在下面的示例中,<a> 元素的 target 屬性被設定為 _blank,當連結被點選時,它會記錄以通知條件是否滿足。

js
const linkRef = document.querySelector("a");
linkRef.target = "_self";

linkRef.onclick = () => {
  if (linkRef.target === "_blank") {
    console.log("BLANK!");
    linkRef.target = "_self";
  } else {
    console.log("SORRY! not _blank");
  }
};

規範

規範
Scalable Vector Graphics (SVG) 2
# 介面SVGAElement

瀏覽器相容性

另見

  • SVG <a> 元素