HTML DOM cookie प्रॉपर्टी

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

सिंटैक्स (Syntax)

cookie प्रॉपर्टी सेट करने का सिंटैक्स:

document.cookie = newCookie

यहां, newCookie स्ट्रिंग टाइप का है और नेम-वैल्यू जोड़ों की सेमीकोलन-सेपरेटेड सूची है। newCookie के लिए निम्नलिखित वैकल्पिक वैल्यूज हैं:

उदाहरण (Example)

HTML DOM cookie प्रॉपर्टी का एक उदाहरण:

<!DOCTYPE html> <html> <body> <h1>javascript COOKIE example</h1> <p>कुकी बनाने के लिए नीचे दिए गए बटन पर क्लिक करें</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>

आउटपुट (Output)

इससे निम्नलिखित आउटपुट प्राप्त होगा:

CREATE बटन पर क्लिक करने पर:

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

हमने पहले एक CREATE बटन बनाया जो यूजर द्वारा क्लिक किए जाने पर createCookie() फंक्शन को एक्जीक्यूट करेगा:

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

cookieCreate() फंक्शन डॉक्यूमेंट ऑब्जेक्ट के cookie प्रॉपर्टी का उपयोग करके एक कुकी बनाता है। फिर हम कुकी key-pair वैल्यूज सेट करते हैं जो सेमीकोलन से अलग होती हैं। बनाई गई कुकी को फिर "Sample" आईडी वाले पैराग्राफ में इसकी innerHTML प्रॉपर्टी का उपयोग करके प्रदर्शित किया जाता है:

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