Thuộc tính tìm kiếm HTML DOM được liên kết với thẻ liên kết () trả về phần chuỗi truy vấn của giá trị thuộc tính href. Phần chuỗi truy vấn nằm sau dấu? trong một url và thường được sử dụng để chuyển thông tin đến máy chủ. Nó được sử dụng khi một yêu cầu nhận được gửi đến máy chủ và thông tin được nhúng trong văn bản rõ ràng trong liên kết.
Cú pháp
Sau đây là cú pháp cho
-
a) Trả lại thuộc tính tìm kiếm
anchorObject.search
-
b) Đặt thuộc tính tìm kiếm
anchorObject.search = querystring
Ví dụ
Hãy để chúng tôi xem một ví dụ về thuộc tính tìm kiếm liên kết HTML DOM -
<!DOCTYPE html>
<html>
<body>
<p><a id="myAnchor" target="_blank"
href="https://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> Đầu ra
Điều này sẽ tạo ra kết quả sau -
Trước khi chọn hộp kiểm 'Hiển thị ID biểu mẫu' -
Không cần nhấp vào nút “Thay đổi Tìm kiếm”, các liên kết như sau -
www.examplesite.com/ex.htm?id=Username
Sau khi nhấp vào nút “Thay đổi Tìm kiếm”, liên kết sẽ là -
www.examplesite.com/ex.htm?prog=Sample
Trong ví dụ trên -
Chúng tôi đã sử dụng một thẻ liên kết với thuộc tính tìm kiếm để thao tác với giá trị thuộc tính tìm kiếm để đặt hoặc trả về giá trị chuỗi tìm kiếm.
<p><a id="myAnchor" target="_blank" href="https://www.examplesite.com/ex.htm?id=Username">Example Site</a></p>
Sau đó, chúng tôi đã tạo một nút có tên “Thay đổi tìm kiếm” để thực thi myFunction () -
<button onclick="demo()">Change Search</button>
MyFunction () sẽ thay đổi phần chuỗi tìm kiếm từ id =”Tên người dùng” thành chương trình =Mẫu
function demo() {
document.getElementById("myAnchor").search = "program=Sample";
}