<! DOCTYPE html>
<meta charset= "Utf-8" >
<title></title>
<script src= "Js/appweb.js" ></script>
<body>
<p id= "MSG" ></p>
<input type= "text" id= "input" >
<input type= "button" value= "Save Data" onclick= "savestorage (' input ')" >
<input type= "button" value= "read Data" onclick= "Loadstorage (' msg ')" >
</body>
Js:
Appweb.js
function Savestorage (ID) {
var target = document.getElementById (ID);
var str = target.value;
Ways to save Data key value
Sessionstorage.setitem ("message", str);
//}
//
function Loadstorage (ID) {
var target = document.getElementById (ID);
Reading data
var msg = Sessionstorage.getitem ("message");
target.innerhtml = msg;
//}
The value stores the information that the webpage does not close, the webpage disappears at the close
function Savestorage (ID) {
var target = document.getElementById (ID);
var str = target.value;
Localstorage.setitem ("message", str);
}
function Loadstorage (ID) {
var target = document.getElementById (ID);
var msg = Localstorage.getitem ("message");
target.innerhtml = msg;
}
The difference between Sessionstorage and localstorage