数据结构
网络连接
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会研究
时尚研究
法律研究HTML DOM 锚搜索属性
与锚点标签 (<a>) 关联的 HTML DOM search 属性会返回 href 属性值中的查询字符串部分。查询字符串部分在 URL 中位于 ? 之后，通常用于将信息传递给服务器。在向服务器发送 get 请求并且信息以明文形式嵌入链接中时，它会被使用。
语法
以下是
a) 返回 search 属性的语法
anchorObject.search
b) 设置 search 属性的语法
anchorObject.search = querystring
示例
让我们看看 HTML DOM 锚点 search 属性的一个示例 −
<!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”复选框之前 −
在未点击“更改搜索”按钮的情况下，链接如下 −
www.examplesite.com/ex.htm?id=Username
在点击“更改搜索”按钮之后，链接将如下 −
www.examplesite.com/ex.htm?prog=Sample
在上面的示例中 −
我们使用 search 属性的一个锚点标签来操作 search 属性值以设置或返回搜索字符串值。
<p><a id="myAnchor" target="_blank" href="http://www.examplesite.com/ex.htm?id=Username">Example Site</a></p>
然后，我们创建了一个名为“更改搜索”的按钮来执行 myFunction() −
<button onclick="demo()">Change Search</button>
myFunction() 会将搜索字符串部分从 id=”Username” 更改为 program=Sample
function demo() {
document.getElementById("myAnchor").search = "program=Sample";
}
更新日期：2020 年 7 月 2 日
89 次浏览
广告