HTML DOM Window sessionStorage( ) Property

Last Updated : 15 Jun, 2023

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> 