HTMLAnchorElement: search 属性

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

HTMLAnchorElement 接口的 search 属性是搜索字符串,也称为查询字符串,它是一个字符串,以 "?" 开头,后面跟着 <a> 元素的 href 的参数。如果 URL 没有搜索查询,此属性将包含一个空字符串 ""

可以设置此属性来更改 URL 的查询字符串。设置时,如果未提供,则会在提供的值前面添加一个 "?" 前缀。将其设置为空字符串 "" 会删除查询字符串。

查询在设置时会进行百分比编码,但在读取时不会进行百分比解码。

现代浏览器提供了 URLSearchParamsURL.searchParams,可以方便地从查询字符串中解析出参数。

有关更多信息,请参阅 URL.search

字符串。

示例

js
// An <a id="myAnchor" href="/en-US/docs/HTMLAnchorElement?q=123"> element is in the document
const anchor = document.getElementById("myAnchor");
anchor.search; // returns '?q=123'

使用 URLSearchParams 进行高级解析

或者,也可以使用 URLSearchParams

js
let params = new URLSearchParams(queryString);
let q = parseInt(params.get("q"), 10); // returns the number 123

规范

规范
HTML
# dom-hyperlink-search-dev

浏览器兼容性

另见