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

एचटीएमएल डोम कुकी संपत्ति

<घंटा/>

HTML DOM कुकी संपत्ति का उपयोग कुकीज़ बनाने, पढ़ने और हटाने के लिए किया जाता है। कुकीज़ का उपयोग वेबसाइट द्वारा उपयोगकर्ता की विशिष्ट जानकारी पर नज़र रखने के लिए किया जाता है। इस विधि में सभी कुकीज़ की अर्ध-बृहदान्त्र से अलग सूची वाली वापसी प्रकार की स्ट्रिंग है। कुकीज़ कुंजी =मान जोड़े प्रारूप में हैं। ब्राउजर बंद होते ही कुकीज हटा दी जाती हैं लेकिन आप इसके लिए एक समाप्ति तिथि निर्दिष्ट कर सकते हैं।

सिंटैक्स

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

कुकी गुण सेट करना -

document.cookie = newCookie

यहाँ, newCookie टाइप स्ट्रिंग का है और नाम-मूल्य युग्म की अर्धविराम से अलग की गई सूची है। NewCookie के लिए वैकल्पिक मान निम्नलिखित हैं।

पैरामीटर मान विवरण
समाप्ति=तिथि जीएमटी प्रारूप में तिथि निर्दिष्ट करने के लिए। ब्राउज़र बंद होते ही डिफ़ॉल्ट रूप से कुकीज़ हटा दी जाती हैं।
पथ=पथ: कंप्यूटर पर निर्देशिका पथ निर्दिष्ट करने के लिए जहां कुकीज़ संग्रहीत की जानी हैं। केवल पूर्ण पथ का उपयोग किया जाना है।
डोमेन=डोमेन नाम अपनी वेबसाइट का डोमेन निर्दिष्ट करने के लिए। यदि निर्दिष्ट नहीं है तो वर्तमान दस्तावेज़ डोमेन का उपयोग किया जाता है।
सुरक्षित कुकी को सर्वर पर भेजने के लिए ब्राउज़र को https प्रोटोकॉल का उपयोग करने के लिए कहना,

उदाहरण

आइए HTML DOM कुकी संपत्ति के लिए एक उदाहरण देखें -

<!DOCTYPE html>
<html>
<body>
<h1>javascript COOKIE example</h1>
<p>Click the below button to create a cookie</p>
<button type="button" onclick="cookieCreate()">CREATE</button>
<p id="Sample"></p>
<script>
   function cookieCreate(){
      var x=document.cookie;
      x="username=Matt;class=prior;location=USA;expires=Wed, 10 July 2019 12:00:00 UTC";
      document.getElementById("Sample").innerHTML="The cookie values are : "+x;
   }
</script>
</body>
</html>

आउटपुट

यह निम्नलिखित आउटपुट देगा -

एचटीएमएल डोम कुकी संपत्ति

क्रिएट बटन पर क्लिक करने पर -

एचटीएमएल डोम कुकी संपत्ति

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

हमने सबसे पहले एक बटन बनाया है जो उपयोगकर्ता द्वारा क्लिक किए जाने पर createCookie() फ़ंक्शन निष्पादित करेगा -

<button type="button" onclick="cookieCreate()">CREATE</button>

कुकीक्रिएट () फ़ंक्शन दस्तावेज़ ऑब्जेक्ट की कुकी संपत्ति का उपयोग करके एक कुकी बनाता है। फिर हम कुकी कुंजी-जोड़ी मान सेट करते हैं जो अर्धविराम से अलग होते हैं। बनाई गई कुकी को उसके आंतरिक HTML गुण का उपयोग करके "नमूना" आईडी के साथ पैराग्राफ में प्रदर्शित किया जाता है -

function cookieCreate(){
   var x=document.cookie;
   x="username=Matt;class=prior;location=USA;expires=Wed, 10 July 2019 12:00:00 UTC";
   document.getElementById("Sample").innerHTML="The cookie values are : "+x;
}

  1. एचटीएमएल डोम ओएल ने संपत्ति को उलट दिया

    एचटीएमएल डोम ओएल ने संपत्ति सेट/रिटर्न को उलट दिया है कि सूची का क्रम अवरोही या आरोही होना चाहिए (डिफ़ॉल्ट)। निम्नलिखित वाक्य रचना है - बूलियन मान लौटाना - सही/गलत olObject.reversed सेटिंग उलट बूलियन वैल्यू के लिए olObject.reversed = booleanValue यहाँ, “बूलियनवैल्यू” निम्नलिखित हो सकते हैं - bo

  1. एचटीएमएल डोम ऑफसेटविड्थ संपत्ति

    HTML DOM ऑफ़सेटविड्थ प्रॉपर्टी एक तत्व की चौड़ाई के अनुरूप संख्या लौटाती है, जिसमें उसकी पैडिंग, बॉर्डर और स्क्रॉलबार शामिल हैं, लेकिन उसका मार्जिन नहीं। निम्नलिखित वाक्य रचना है - वापसी संख्या मान HTMLelement.offsetWidth आइए एक उदाहरण देखें HTML DOM ऑफसेटविड्थ संपत्ति - उदाहरण <!DOCTYPE html&

  1. HTML DOM ऑफ़सेटपैरेंट प्रॉपर्टी

    HTML DOM ऑफ़सेटपैरेंट प्रॉपर्टी संदर्भित मूल तत्व लौटाती है जिससे चाइल्ड ऑफ़सेट परिभाषित किया गया है। निम्नलिखित वाक्य रचना है - रिटर्निंग संदर्भित ऑफसेट मूल तत्व HTMLelement.offsetParent आइए एक उदाहरण देखें HTML DOM ऑफ़सेट पैरेंट संपत्ति - उदाहरण <!DOCTYPE html> <html> <head> &