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

HTML विंडो सेशनस्टोरेज प्रॉपर्टी

<घंटा/>

HTML Window sessionStorage गुण हमें वेब ब्राउज़र में केवल एक सत्र के लिए कुंजी/मान युग्म डेटा संग्रहीत करने की अनुमति देता है, जिसका अर्थ है कि ब्राउज़र टैब बंद होने पर डेटा हटा दिया जाता है।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

window.sessionStorage

आइए HTML विंडो सेशनस्टोरेज प्रॉपर्टी का एक उदाहरण देखें -

उदाहरण

<!DOCTYPE html>
<html>
<style>
   body {
      color: #000;
      height: 100vh;
      background-color: #8BC6EC;
      background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%) no-repeat;
      text-align: center;
   }
   .btn {
      background: #db133a;
      border: none;
      height: 2rem;
      border-radius: 2px;
      width: 30%;
      display: block;
      color: #fff;
      outline: none;
      cursor: pointer;
      margin: 1rem auto;
   }
   .show{
      font-size:1.2rem;
   }
</style>
<body>
<h1>HTML Window sessionStorage Property Demo</h1>
<button onclick="store()" class="btn">Store 'John Smith' Name to sessionStorage</button>
<button onclick="display()" class="btn">Display sessionStorage stored value</button>
<div class="show"></div>
<script>
   function store(){
      sessionStorage.setItem('firstName','John');
      sessionStorage.setItem('lastName','Smith');
      document.querySelector('.show').innerHTML='Name store successfully';
   }
   function display(){
      var firstName=sessionStorage.getItem('firstName');
      var lastName=sessionStorage.getItem('lastName');
      document.querySelector('.show').innerHTML='Name stored in sessionStorage is: '+ firstName +' '+lastName;
   }
</script>
</body>
</html>

आउटपुट

HTML विंडो सेशनस्टोरेज प्रॉपर्टी

"स्टोर 'जॉन स्मिथ' पर क्लिक करें ' नाम से सेशनस्टोरेज” बटन को सेशनस्टोरेज में नाम स्टोर करने के लिए:

HTML विंडो सेशनस्टोरेज प्रॉपर्टी

अब “प्रदर्शन सत्रसंग्रहित मान . पर क्लिक करें "संग्रहीत मान प्रदर्शित करने के लिए बटन -

HTML विंडो सेशनस्टोरेज प्रॉपर्टी

अब आप यह समझने के लिए कि यह कैसे काम करता है, अपने डेव टूल्स में सेशन स्टोरेज भी खोल सकते हैं -

HTML विंडो सेशनस्टोरेज प्रॉपर्टी


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

    HTML DOM Window फ़्रेम प्रॉपर्टी विंडो के अनुरूप एक ऑब्जेक्ट लौटाती है, जो उसमें मौजूद सभी फ़्रेमों का प्रतिनिधित्व करती है। सिंटैक्स निम्नलिखित वाक्य रचना है - वर्तमान विंडो में लौटने वाले फ़्रेम window.frames आइए HTML DOM विंडो फ़्रेम का एक उदाहरण देखें संपत्ति - उदाहरण <!DOCTYPE html><

  1. एचटीएमएल डोम विंडो फ्रेम एलिमेंट प्रॉपर्टी

    HTML DOM विंडो फ्रेमएलिमेंट प्रॉपर्टी उस विंडो के अनुरूप एक HTML तत्व लौटाती है जिसमें इसे एम्बेड किया गया है जैसे कि , , या । सिंटैक्स निम्नलिखित वाक्य रचना है - रिटर्निंग विंडो एम्बेडिंग एलिमेंट window.frameElement उदाहरण आइए HTML DOM विंडो फ्रेम एलीमेंट प्रॉपर्टी का एक उदाहरण देखें - <!DOCTY

  1. एचटीएमएल डोम विंडो बंद संपत्ति

    HTML DOM Window Closed प्रॉपर्टी एक बूलियन मान लौटाती है जो विंडो के बंद होने या न होने की स्थिति के अनुरूप होता है। सिंटैक्स निम्नलिखित वाक्य रचना है - बूलियन मान लौटा रहा है विंडो.बंद उदाहरण आइए HTML DOM विंडो क्लोज्ड प्रॉपर्टी का एक उदाहरण देखें - HTML DOM Window बंद हो गई var urlSelect =