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

HTML DOM लोकल स्टोरेज clear() मेथड


HTML DOM लोकल स्टोरेज clear() मेथड का उपयोग पूरे लोकल स्टोरेज एंट्रीज़ को साफ़ करने के लिए किया जाता है।

सिंटैक्स

निम्नलिखित सिंटैक्स है −

localStorage.clear()

या

sessionStorage.clear()

उदाहरण

आइए LocalStorage() मेथड गुण का एक उदाहरण देखें −

<!DOCTYPE html> <html> <head> <title>LocalStorage clear()</title> <style>    form {       width:70%;       margin: 0 auto;       text-align: center;    }    * {       padding: 2px;       margin:5px;    }    input[type="button"] {       border-radius: 10px;    }    table,th,td {       border:1px solid black;       border-collapse: collapse;       margin: 0 auto;    } </style> </head> <body> <form> <fieldset> <legend>LocalStorage clear( )</legend> <table> <tr> <th>कुंजी</th> <th>मान</th> </tr> <tr> <td>PassKey</td> <td>ja12ertplo</td> </tr> </table> <input type="button" value="कुंजी स्टोर करें" onclick="storeData()"> <input type="button" value="कुंजी हटाएं" onclick="clearData()"> <div id="divDisplay"></div> </fieldset> </form> <script>    var divDisplay = document.getElementById("divDisplay");    var extStyle = document.getElementById("extStyle");    function clearData(){       localStorage.clear();       divDisplay.textContent = 'सफलतापूर्वक हटाया गया';    }    function storeData(){       localStorage.setItem('PassKey','ja12ertplo');       divDisplay.textContent = 'सफलतापूर्वक स्टोर किया गया';    } </script> </body> </html>

आउटपुट

यह निम्नलिखित आउटपुट उत्पन्न करेगा −

'कुंजी स्टोर करें' बटन पर क्लिक करने के बाद −

HTML DOM लोकल स्टोरेज clear() मेथड

'कुंजी हटाएं' बटन पर क्लिक करने के बाद −

HTML DOM लोकल स्टोरेज clear() मेथड


  1. HTML DOM Storage key() मेथड HTML DOM Storage key() मेथड

    HTML DOM Storage key() मेथड का उपयोग स्टोरेज ऑब्जेक्ट में दिए गए इंडेक्स पर की नाम को वापस करने के लिए किया जाता है। इंडेक्स को key() मेथड के पैरामीटर के रूप में पास किया जाता है। स्टोरेज ऑब्जेक्ट सेशन ऑब्जेक्ट या localStorage ऑब्जेक्ट हो सकता है। सिंटैक्स LocalStorage का उपयोग करके Storage key() म

  1. HTML DOM Storage getItem() मेथड HTML DOM Storage getItem() मेथड

    HTML DOM Storage getItem() मेथड का उपयोग दिए गए की नाम को पास करके एक स्टोरेज ऑब्जेक्ट प्राप्त करने के लिए किया जाता है। यह की के मान को वापस करेगा और यदि उस दिए गए नाम की कोई की नहीं है तो NULL वापस किया जाएगा। सिंटैक्स Storage getItem() मेथड का सिंटैक्स: localStorage.getItem(keyname); या sessionS

  1. HTML DOM Storage इवेंट HTML DOM Storage इवेंट

    HTML DOM Storage इवेंट तब ट्रिगर होता है जब विंडो के स्टोरेज क्षेत्र में कोई परिवर्तन होता है। स्टोरेज इवेंट केवल तभी ट्रिगर होता है जब दूसरी विंडो किसी विंडो के लिए स्टोरेज क्षेत्र में परिवर्तन करती है। यह इवेंट बबल नहीं करता और कैंसिलेबल भी होता है। सिंटैक्स सिंटैक्स: window.addEventListener(stor