Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम एंकर लक्ष्य संपत्ति

<घंटा/>

एंकर टैग () से जुड़ी HTML DOM टारगेट प्रॉपर्टी यह निर्दिष्ट करती है कि URL पर क्लिक करने के बाद नया वेब पेज कहां खुलेगा। इसके निम्नलिखित मान हो सकते हैं -

  • _blank - यह लिंक किए गए दस्तावेज़ को एक नई विंडो में खोलेगा।
  • _parent - यह लिंक किए गए दस्तावेज़ को पैरेंट फ़्रेमसेट में खोल देगा।
  • _top - यह लिंक किए गए दस्तावेज़ को पूरे शरीर की विंडो में खोल देगा।
  • _self - यह लिंक किए गए दस्तावेज़ को उसी विंडो में खोलेगा। यह डिफ़ॉल्ट व्यवहार है
  • framename - यह लिंक किए गए दस्तावेज़ को निर्दिष्ट फ़्रेमनाम में खोलेगा।

सिंटैक्स

. के लिए वाक्य रचना निम्नलिखित है

लक्ष्य संपत्ति लौटाना -

anchorObject.target

टारगेट प्रॉपर्टी सेट करना -

anchorObject.target = "_blank|_self|_parent|_top|framename"

उदाहरण

आइए हम एंकर लक्ष्य संपत्ति का एक उदाहरण देखें -

<!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" बटन पर क्लिक करने के बाद -

एचटीएमएल डोम एंकर लक्ष्य संपत्ति

"सेटटार्गेट" बटन पर क्लिक करने के बाद -

एचटीएमएल डोम एंकर लक्ष्य संपत्ति

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

हमने लक्ष्य विशेषता के साथ एक एंकर टैग लिया है और एक मान _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 () को पहले लिंक से लक्ष्य मान मिलेगा और id=“Target1” के साथ पैराग्राफ टैग में प्रदर्शित होगा। setTarget2() डिफ़ॉल्ट _blank से कस्टम फ़्रेम "न्यूफ़्रेम" पर लिंक2 का टारगेट मान सेट करेगा।

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";
}

  1. एचटीएमएल डोम फॉर्म लक्ष्य संपत्ति

    एचटीएमएल डोम फॉर्म लक्ष्य संपत्ति का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि फॉर्म डेटा जमा करने के बाद प्रतिक्रिया कहां प्रदर्शित की जानी चाहिए। यह एक नए टैब, वर्तमान टैब या एक नई विंडो में प्रदर्शित हो सकता है। प्रपत्र लक्ष्य गुण सेट या लक्ष्य विशेषता मान प्राप्त करता है। सिंटैक्स − . के ल

  1. एचटीएमएल डोम डिजाइनमोड संपत्ति

    HTML DOM डिज़ाइनमोड प्रॉपर्टी हमें यह निर्दिष्ट करने की अनुमति देती है कि पूरा दस्तावेज़ संपादन योग्य है या नहीं। यह HTML दस्तावेज़ को WYSIWYG (जो आप देखते हैं वही आपको मिलता है) संपादक के रूप में कार्य करता है क्योंकि हम HTML दस्तावेज़ को संपादित कर सकते हैं। यह गुण डिफ़ॉल्ट रूप से बंद पर सेट होता

  1. एचटीएमएल डोम एंकर होस्टनाम संपत्ति

    HTML DOM एंकर होस्टनाम प्रॉपर्टी केवल URL का होस्टनाम लौटाती है। यह डोमेन नाम लौटाता है। सिंटैक्स होस्टनाम प्रॉपर्टी सेट करने के लिए सिंटैक्स निम्नलिखित है - anchorObj.hostname = hostname ऊपर, होस्टनाम URL का होस्टनाम है। सिंटैक्स होस्टनाम प्रॉपर्टी को वापस करने के लिए सिंटैक्स निम्नलिखित है - an