সিনট্যাক্স
এর জন্য সিনট্যাক্স নিচে দেওয়া হল
-
ক) অনুসন্ধান সম্পত্তি ফেরত দেওয়া
anchorObject.search
-
খ) অনুসন্ধান সম্পত্তি সেট করা
anchorObject.search = querystring
উদাহরণ
আসুন 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>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে'ফর্ম আইডি দেখান' চেকবক্স চেক করার আগে -
"অনুসন্ধান পরিবর্তন করুন" বোতামে ক্লিক না করে, লিঙ্কগুলি নিম্নরূপ -
www.examplesite.com/ex.htm?id=Username
"অনুসন্ধান পরিবর্তন করুন" বোতামে ক্লিক করার পরে, লিঙ্কটি হবে −
www.examplesite.com/ex.htm?prog=Sample
উপরের উদাহরণে -
আমরা সার্চ প্রপার্টির সাথে একটি অ্যাঙ্কর ট্যাগ নিয়েছি যাতে সার্চ প্রপার্টি ভ্যালু ম্যানিপুলেট করে সার্চ স্ট্রিং ভ্যালু সেট বা রিটার্ন করা যায়।
<p><a id="myAnchor" target="_blank" href="https://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"; }