অ্যাঙ্কর ট্যাগ (<a>) এর সাথে যুক্ত HTML DOM search প্রোপার্টি href প্রোপার্টি মানর কোয়েরি স্ট্রিং অংশ রিটার্ন করে। কোয়েরি স্ট্রিং অংশ একটি URL-এ ?-এর পরে থাকে এবং সাধারণত সার্ভারে তথ্য পাস করতে ব্যবহৃত হয়। এটি তখন ব্যবহৃত হয় যখন একটি GET রিকোয়েস্ট সার্ভারে পাঠানো হয় এবং তথ্য লিংকে ক্লিয়ারটেক্সট হিসেবে এম্বেড করা থাকে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
ক) search প্রোপার্টি রিটার্ন করা
anchorObject.search
খ) search প্রোপার্টি সেট করা
anchorObject.search = querystring
উদাহরণ
HTML DOM anchor search প্রোপার্টির একটি উদাহরণ দেখি:
<!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>
আউটপুট
এটি নিচের আউটপুট দেবে:
「Show Form ID」 চেকবক্স চেক করার আগে:
「Change Search」 বাটনে ক্লিক না করলে, লিংকগুলো নিচের মতো:
www.examplesite.com/ex.htm?id=Username
「Change Search」 বাটনে ক্লিক করার পর, লিংকটি হবে:
www.examplesite.com/ex.htm?prog=Sample
উপরের উদাহরণে:
আমরা search প্রোপার্টি সহ একটি অ্যাঙ্কর ট্যাগ নিয়েছি যা search প্রোপার্টি মান ম্যানিপুলেট করে সেট বা রিটার্ন করতে।
<p><a id="myAnchor" target="_blank" href="https://www.examplesite.com/ex.htm?id=Username">Example Site</a></p>
আমরা তারপর "Change Search" নামে একটি বাটন তৈরি করেছি যা myFunction() এক্সিকিউট করবে:
<button onclick="demo()">Change Search</button>
myFunction() search স্ট্রিং অংশকে id="Username" থেকে program=Sample-এ পরিবর্তন করবে।
function demo() { document.getElementById("myAnchor").search = "program=Sample"; }
