HTML Window sessionStorage प्रॉपर्टी हमें एक वेब ब्राउज़र में केवल एक सत्र के लिए कुंजी/मान जोड़े के रूप में डेटा संग्रहीत करने की अनुमति देती है, जिसका अर्थ है कि जब ब्राउज़र टैब बंद हो जाता है तो डेटा हटा दिया जाता है।
सिंटैक्स
निम्नलिखित सिंटैक्स है:
window.sessionStorage
आइए HTML Window sessionStorage प्रॉपर्टी का एक उदाहरण देखें:
उदाहरण
<!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 प्रॉपर्टी डेमो</h1> <button onclick="store()" class="btn">sessionStorage में 'जॉन स्मिथ' नाम संग्रहीत करें</button> <button onclick="display()" class="btn">sessionStorage संग्रहीत मान प्रदर्शित करें</button> <div class="show"></div> <script> function store(){ sessionStorage.setItem('firstName','John'); sessionStorage.setItem('lastName','Smith'); document.querySelector('.show').innerHTML='नाम सफलतापूर्वक संग्रहीत'; } function display(){ var firstName=sessionStorage.getItem('firstName'); var lastName=sessionStorage.getItem('lastName'); document.querySelector('.show').innerHTML='sessionStorage में संग्रहीत नाम है: '+ firstName +' '+lastName; } </script> </body> </html>आउटपुट
“sessionStorage में ‘जॉन स्मिथ’ नाम संग्रहीत करें” बटन पर क्लिक करके नाम को sessionStorage में संग्रहीत करें:
अब “sessionStorage संग्रहीत मान प्रदर्शित करें” बटन पर क्लिक करके संग्रहीत मान प्रदर्शित करें:
अब आप अपने डेव टूल्स में session storage भी खोल सकते हैं यह समझने के लिए कि यह कैसे काम करता है:
