HTML DOM Anchor search屬性用法及代碼示例

與錨標記 (<a>) 關聯的 HTML DOM 搜索屬性返回 href 屬性值的查詢字符串部分。查詢字符串部分在 ?在 url 中，通常用於向服務器傳遞信息。當獲取請求發送到服務器並且信息以明文形式嵌入鏈接中時使用。

用法

以下是語法

a) 返回搜索屬性

anchorObject.search

b) 設置搜索屬性

anchorObject.search = querystring

示例

讓我們看一個 HTML DOM 錨搜索屬性的例子 -

<!DOCTYPE html>
<html>
<body>
<p><a id="myAnchor" target="_blank"
href="http://www.examplesite.com/ex.htm?id=Username">Example Site</a></p>
<p>Click the button to change the querystring part of the above website</p>
<p>Inspect the url before clicking the button to inspect the changes</p>
<button onclick="demo()">Change Search</button>
<script>
   function demo() {
      document.getElementById("myAnchor").search = "program=Sample";
   }
</script>
</body>
</html>

輸出

這將產生以下輸出 -

在選中“顯示表單 ID”複選框之前 -

不點擊按鈕 “Change Search”，鏈接如下 -

www.examplesite.com/ex.htm?id=Username

單擊按鈕 “Change Search” 後，鏈接將是 -

www.examplesite.com/ex.htm?prog=Sample

在上麵的例子中 -

我們采用了帶有搜索屬性的錨標記來操作搜索屬性值來設置或返回搜索字符串值。

<p><a id="myAnchor" target="_blank"
href="http://www.examplesite.com/ex.htm?id=Username">Example Site</a></p>

然後我們創建了一個名為 “Change Search” 的按鈕來執行 myFunction() -

<button onclick="demo()">Change Search</button>

myFunction() 會將搜索字符串部分從 id=”Username” 更改為 program=Sample

function demo() {
   document.getElementById("myAnchor").search = "program=Sample";
}

相關用法

注：本文由純淨天空篩選整理自AmitDiwan大神的英文原創作品 HTML DOM Anchor search Property。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。