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。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。