HTML DOM Base target प्रॉपर्टी HTML <base> एलिमेंट से जुड़ी है। इसका उपयोग <base> एलिमेंट के target एट्रिब्यूट के मान को सेट या लौटाने के लिए किया जाता है। target एट्रिब्यूट का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि हाइपरलिंक कहां खुलेगा। यह पेज में ही या नए पेज में खुल सकता है।
प्रॉपर्टीज
target प्रॉपर्टीज के लिए निम्नलिखित मान हैं -
| प्रॉपर्टी मान | विवरण |
|---|---|
| _blank | लिंक को नई विंडो में खोलने के लिए। |
| _self | लिंक को उसी फ्रेम में खोलने के लिए जिसमें इसे क्लिक किया गया था। यह डिफ़ॉल्ट व्यवहार है। |
| _parent | लिंक को पैरेंट फ्रेमसेट में खोलने के लिए। |
| _top | लिंक को विंडो के पूर्ण बॉडी में खोलने के लिए। |
| framename | लिंक को निर्दिष्ट फ्रेम नाम में खोलने के लिए। |
सिंटैक्स
निम्नलिखिक सिंटैक्स है -
target प्रॉपर्टी लौटाना -
baseObject.target
target प्रॉपर्टी सेट करना -
baseObject.target = "_blank|_self|_parent|_top|framename"
उदाहरण
आइए HTML DOM target प्रॉपर्टी का एक उदाहरण देखें -
<!DOCTYPE html> <html> <head> <base id="Base" target="newframe1" href="https://www.example.com"> </head> <body> <p>Click the below button to get the target attribute value</p> <button onclick="getTarget()">GET TARGET</button> <p>Click the below button to set the target attribute value</p> <button onclick="setTarget()">SET TARGET</button> <p id="Sample"></p> <script> function getTarget() { var x = document.getElementById("Base").target; document.getElementById("Sample").innerHTML = "Base target for all links is: " + x; } function setTarget(){ document.getElementById("Base").target="_blank" document.getElementById("Sample").innerHTML="Target has been changed from newframe1 to _blank" } </script> </body> </html>
आउटपुट
यह निम्नलिखित आउटपुट उत्पन्न करेगा -
GET TARGET पर क्लिक करने पर -
SET TARGET पर क्लिक करने पर -
उपरोक्त उदाहरण में -
हमने पहले getTarget() और setTarget() फ़ंक्शन को क्रमशः निष्पादित करने के लिए GET TARGET और SET TARGET नाम के दो बटन बनाए -
<button onclick="getTarget()">GET TARGET</button> <button onclick="setTarget()">SET TARGET</button>
getTarget() फ़ंक्शन id “Base” वाले एलिमेंट को प्राप्त करता है जो हमारे मामले में <base> एलिमेंट है। base एलिमेंट target प्रॉपर्टी को एक वेरिएबल x को असाइन किया जाता है। target प्रॉपर्टी मान को फिर innerHTML() प्रॉपर्टी का उपयोग करके id “Sample” वाले पैराग्राफ में प्रदर्शित किया जाता है।
function getTarget() { var x = document.getElementById("Base").target; document.getElementById("Sample").innerHTML = "Base target for all links is: " + x; }
setTarget() फ़ंक्शन id “Base” वाले एलिमेंट को प्राप्त करता है जो हमारे मामले में <base> एलिमेंट है। <base> एलिमेंट की target प्रॉपर्टी को फिर “_blank” पर सेट किया जाता है जिसका अर्थ है कि यह नए टैब में खुलेगा। “Target has been changed from newframe1 to _blank” को फिर इससे जुड़े id “Sample” वाले पैराग्राफ में प्रदर्शित किया जाता है।
