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 >
|
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
Like Article
Suggest improvement
Share your thoughts in the comments
Please Login to comment...