एंकर टैग (<a>) से जुड़ी HTML DOM target प्रॉपर्टी निर्दिष्ट करती है कि URL पर क्लिक करने के बाद नया वेब पेज कहां खुलेगा। इसके निम्नलिखित मान हो सकते हैं -
- _blank − यह लिंक किए गए दस्तावेज़ को एक नई विंडो में खोलेगा।
- _parent − यह लिंक किए गए दस्तावेज़ को पैरेंट फ्रेमसेट में खोलेगा।
- _top − यह लिंक किए गए दस्तावेज़ को पूर्ण बॉडी विंडो में खोलेगा।
- _self − यह लिंक किए गए दस्तावेज़ को उसी विंडो में खोलेगा। यह डिफ़ॉल्ट व्यवहार है
- framename − यह लिंक किए गए दस्तावेज़ को निर्दिष्ट framename में खोलेगा।
सिंटैक्स
निम्नलिखित सिंटैक्स है -
target प्रॉपर्टी लौटाना -
anchorObject.target
target प्रॉपर्टी सेट करना -
anchorObject.target = "_blank|_self|_parent|_top|framename"
उदाहरण
आइए anchor target प्रॉपर्टी का एक उदाहरण देखें -
<!DOCTYPE html> <html> <body> <p><a id="Anchor" target="_self" href="https://www.examplesite.com">example site</a></p> <p><a id="Anchor2" href="https://www.examplesite.com">example site</a></p> <p>Click the button to see the value of the target attribute.</p> <button onclick="getTarget1()">GetTarget</button> <button onclick="setTarget2()">SetTarget</button> <p id="Target1"></p> <script> function getTarget1() { var x = document.getElementById("Anchor").target; document.getElementById("Target1").innerHTML = x; } function setTarget2(){ document.getElementById("Anchor2").innerHTML="Target has been set"; document.getElementById("Target1").target="newframe"; } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
“GetTarget” बटन पर क्लिक करने के बाद -
“SetTarget” बटन पर क्लिक करने के बाद -
उपरोक्त उदाहरण में -
हमने target एट्रिब्यूट के साथ एक एंकर टैग लिया है जिसका मान _self है और दूसरा डिफ़ॉल्ट _blank के साथ -
<p><a id="Anchor" target="_self" href="https://www.examplesite.com">example site</a></p> <p><a id="Anchor2" href="https://www.examplesite.com">example site</a></p>
फिर हमने getTarget1() और setTarget2() फ़ंक्शन को क्रमशः निष्पादित करने के लिए GetTarget और SetTarget नाम के दो बटन बनाए।
<button onclick="getTarget1()">GetTarget</button> <button onclick="setTarget2()">SetTarget</button>
getTarget1() पहले लिंक से target मान प्राप्त करेगा और इसे id=”Target1” वाले पैराग्राफ टैग में प्रदर्शित करेगा। setTarget2() लिंक2 के target मान को डिफ़ॉल्ट _blank से कस्टम फ्रेम “newframe” पर सेट करेगा।
function getTarget1() { var x = document.getElementById("Anchor").target; document.getElementById("Target1").innerHTML = x; } function setTarget2(){ document.getElementById("Target1").innerHTML="Target has been set"; document.getElementById("Anchor2").target="_blank"; }
