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

जावास्क्रिप्ट में स्थानीय भंडारण से तत्व प्राप्त करें?


पुनर्प्राप्त करने के लिए स्थानीय संग्रहण . से एक तत्व हमें यह जांचना होगा कि ब्राउज़र स्थानीय भंडारण का समर्थन करता है या नहीं। बाद में, हमें स्थानीय भंडारण में एक तत्व सेट करना होगा। इस समय हमें सावधान रहना होगा क्योंकि एक बार ब्राउजर बंद हो जाने के बाद लोकल स्टोरेज में कोई डेटा स्टोर नहीं होगा। बाद में, हमें स्थानीय भंडारण में संग्रहीत डेटा को पुनः प्राप्त करने की आवश्यकता होती है। आइए इस पर संक्षेप में चर्चा करें।

स्थानीय संग्रहण में डेटा सेट करने के लिए निम्नलिखित सिंटैक्स है

localStorage.setItem();

उदाहरण

निम्नलिखित उदाहरण में, प्रारंभ में, संगतता भंडारण की जाँच की जाती है, if स्थिति का उपयोग करके। बाद में, localStorage.setItem() . का उपयोग करके एक आइटम स्थानीय भंडारण में रखा गया है। एक बार जब आइटम स्थानीय संग्रहण में हो, तो localStorage.getItem() . प्रॉपर्टी का उपयोग करके डेटा पुनर्प्राप्त किया गया है।

<html>
<body>
<p id = "storage"></p>
<script>
   if (typeof(Storage) !== "undefined") {
      localStorage.setItem("product", "Tutorix");
      document.getElementById("storage").innerHTML = localStorage.getItem("product");
   }
   else {
      document.getElementById("storage").innerHTML = "Sorry, no Web Storage compatibility...";
   }
</script>
</body>
</html>

आउटपुट

Tutorix

  1. जावास्क्रिप्ट वाले तत्व से कक्षा का नाम कैसे निकालें?

    जावास्क्रिप्ट के साथ एक तत्व से एक वर्ग का नाम हटाने के लिए, कोड इस प्रकार है - उदाहरण <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1" /> <style>    .newStyle {       font-fam

  1. जावास्क्रिप्ट में आईडी द्वारा तत्व निकालें?

    आईडी द्वारा तत्व को हटाने के लिए, आप निकालें () का उपयोग कर सकते हैं। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head>    <meta charset="UTF-8">    <meta name="viewport" content="width=device-width,

  1. स्थानीय भंडारण में मूल्य निर्धारित करें और प्राप्त करें - जावास्क्रिप्ट?

    लोकल स्टोरेज में वैल्यू सेट करने के लिए localStorage.setItem(“anyKeyName”,yourValue) का इस्तेमाल करें और अगर आप वैल्यू लाना चाहते हैं तो आप localStorage.getItem(“yourKeyName”) का इस्तेमाल कर सकते हैं। उदाहरण निम्नलिखित कोड है - <!DOCTYPE html> <html lang="en"> <head> &nb