HTML DOM Anchor search प्रॉपर्टी

एंकर टैग (<a>) से जुड़ी HTML DOM search प्रॉपर्टी href प्रॉपर्टी मान के क्वेरी स्ट्रिंग भाग को लौटाती है। क्वेरी स्ट्रिंग भाग URL में ? के बाद होता है और आमतौर पर सर्वर को जानकारी पास करने के लिए उपयोग किया जाता है। इसका उपयोग तब किया जाता है जब सर्वर को GET रिक्वेस्ट भेजी जाती है और जानकारी लिंक में क्लियरटेक्स्ट में एम्बेड की जाती है।

सिंटैक्स

निम्नलिखित सिंटैक्स है

a) search प्रॉपर्टी लौटाना

anchorObject.search

b) 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’ चेकबॉक्स पर क्लिक करने से पहले -

HTML DOM Anchor search प्रॉपर्टी

“Change Search” बटन पर क्लिक किए बिना, लिंक्स इस प्रकार हैं -

www.examplesite.com/ex.htm?id=Username

“Change Search” बटन पर क्लिक करने के बाद, लिंक होगा -

www.examplesite.com/ex.htm?prog=Sample

उपरोक्त उदाहरण में -

हमने search प्रॉपर्टी के साथ एक एंकर टैग लिया है ताकि search प्रॉपर्टी मान को सेट या लौटाकर search स्ट्रिंग मान को मैनिपुलेट किया जा सके।

<p><a id="myAnchor" target="_blank" href="https://www.examplesite.com/ex.htm?id=Username">Example Site</a></p>

फिर हमने myFunction() को निष्पादित करने के लिए “Change Search” नाम का एक बटन बनाया -

<button onclick="demo()">Change Search</button>

myFunction() search स्ट्रिंग भाग को id=”Username” से program=Sample में बदल देगा

function demo() {    document.getElementById("myAnchor").search = "program=Sample"; }