Comentario: LocalStorage (almacenamiento local) puede almacenar datos durante mucho tiempo, sin límite de tiempo, un día, un año, dos años o incluso más, se pueden usar datos, SessionStorage (almacenamiento de sesión), solo antes de que el navegador esté cerrado, se puede usar al crear otra página, y los datos desaparecerán después de cerrar el navegador.
Use LocalStorage y SessionStorage Métodos del almacenamiento web HTML5 para almacenar datos de la página web LocalStorage.
La página se hace referencia como se muestra en la figura a continuación, y los datos en la página se pueden almacenar localmente. Y puede leer datos almacenados y mostrarlos en la página.
LocalStorage (almacenamiento local) puede almacenar datos durante mucho tiempo, sin límite de tiempo, un día, un año, dos años o incluso más, se pueden usar datos.
SessionStorage, que solo se puede usar antes de que se cierre el navegador, se puede usar al crear otra página y los datos desaparecerán después de cerrar el navegador.
La situación de compatibilidad de la evaluación local de un blogger es la siguiente:
Chrome4+ comienza a apoyar a LocalStorage
Firefox3.5+ comienza a admitir LocalStorage
Firefox1.5+ apoya a GlobalStorage
IE8+ admite LocalStorage
El modo de compatibilidad de IE7 admite LocalStoray
IE5.5+ admite Data User
Safari 4+ admite LocalStorage
Opera10.5+ admite LocalStorage
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<Evista>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> </title>
<style type = "text/css">
TextARea {
Ancho: 300px;
Altura: 300px;
}
.botón {
Ancho: 100px;
}
</style>
</ablo>
<Body>
<script type = "text/javaScript">
// Utilice los métodos de Storage y SessionStorage de almacenamiento web HTML5 para el almacenamiento local de datos de la página web.
// Consulte la siguiente figura para almacenar los datos en la página localmente. Y puede leer datos almacenados y mostrarlos en la página.
función saveSession () {
var t1 = document.getElementById ("t1");
var t2 = document.getElementById ("t2");
var myData = T2.Value;
var ostorage = window.sessionStorage;
Ostoraz.myData = myData;
T1.Value + = "SessionStorage Save MyData:" + MyData + "/n";
}
function readSession () {
var t1 = document.getElementById ("t1");
var ostorage = window.sessionStorage;
var myData = "no existir";
if (ostorage.mydata) {
myData = ostorage.myData;
}
t1.Value + = "SessionStorage lee myData:" + myData + "/n";
}
function CleanSession () {
var t1 = document.getElementById ("t1");
var ostorage = window.sessionStorage;
var myData = "no existir";
if (ostorage.mydata) {
myData = ostorage.myData;
}
Ostorage.removeItem ("MyData");
t1.Value + = "SessionStorageClear MyData:" + myData + "/n";
}
función saveStorage () {
var t1 = document.getElementById ("t1");
var t2 = document.getElementById ("t2");
var myData = T2.Value;
var ostorage = window.localStorage;
Ostoraz.myData = myData;
T1.Value + = "LocalStorage Save MyData:" + MyData + "/n";
}
función readStorage () {
var t1 = document.getElementById ("t1");
var ostorage = window.localStorage;
var myData = "no existir";
if (ostorage.mydata) {
myData = ostorage.myData;
}
t1.Value + = "LocalStorage lee myData:" + myData + "/n";
}
función cleanStorage () {
var t1 = document.getElementById ("t1");
var ostorage = window.localStorage;
var myData = "no existir";
if (ostorage.mydata) {
myData = ostorage.myData;
}
Ostorage.removeItem ("MyData");
t1.Value + = "localstorageclear myData:" + myData + "/n";
}
</script>
<div>
<ExteArea> </extexarea>
<label> datos a guardar: </elabel>
<input type = "text" />
<input type = "button" value = "sessionsave" />
<input type = "button" value = "session read" />
<input type = "button" value = "session clare" />
<input type = "button" value = "local guardar" />
<input type = "button" value = "local Read" />
<input type = "button" value = "localClear" />
</div>
</body>
</html>