HTML | Window sessionStorage( ) Property
The Window sessionStorage() property is used for saving key/value pairs in a web browser. It stores the key/value pairs in a browser for only one session and the data expires as soon as a new session is loaded.
Syntax:
window.sessionStorage
Return Type: it returns Storage object
Below program illustrates the Window sessionStorage() property :
Creating a sessionStorage name/value pair.
html
<!DOCTYPE><html><head> <title> Window sessionStorage property in HTML </title> <style> h1 { color: green; } h2 { font-family: Impact; } body { text-align: center; } </style></head><body> <h1>GeeksforGeeks</h1> <h2>Window sessionStorage Property</h2> <p> For displaying the value of the key/value pair created using sessionStorage, double click the "Display Data" button: </p> <button ondblclick="Storage()"> Display Data </button> <div id="myID"></div> <script> function Storage() { if (typeof(Storage) !== "undefined") { sessionStorage.setItem("course", "Fork CPP"); document.getElementById("myID").innerHTML = sessionStorage.getItem("course"); } else { document.getElementById("myID").innerHTML = "The browser does not support Web Storage."; } } </script></body></html> |
Output:
After clicking the button:
Supported Browsers: The browser supported by Window sessionStorage( ) Property are listed below:
- Google Chrome 5
- Edge 12
- Internet Explorer 8
- Firefox 2
- Opera 10.5
- Safari 4
Please Login to comment...