Comentário: O LocalStorage (armazenamento local) pode armazenar dados por um longo tempo, sem limite de tempo, um dia, um ano, dois anos ou mais, os dados podem ser usados, sessionStorage (armazenamento de sessão), apenas antes do fechamento do navegador, pode ser usado ao criar outra página e os dados desaparecerão após o fechamento do navegador.
Use os métodos LocalStorage e SessionStorage do HTML5 Web Storage para armazenar a página da Web Data LocalStorage.
A página é referenciada conforme mostrado na figura abaixo e os dados na página podem ser armazenados localmente. E pode ler dados armazenados e exibi -los na página.
LocalStorage (armazenamento local), pode armazenar dados por um longo tempo, sem limite de tempo, um dia, um ano, dois anos ou mais, os dados podem ser usados.
SessionStorage, que só pode ser usado antes que o navegador seja fechado, pode ser usado ao criar outra página e os dados desaparecerão após o fechamento do navegador.
A situação de compatibilidade do LocalStorage de um blogueiro é a seguinte:
Chrome4+ começa a apoiar o LocalSorage
Firefox3.5+ começa a apoiar o LocalSorage
Firefox1.5+ suporta GlobalStorage
O IE8+ suporta LocalStorage
O modo de compatibilidade do IE7 suporta LocalStorage
IE5.5+ suporta usuários
Safari 4+ suporta LocalStorage
Opera10.5+ suporta LocalStorage
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<Title> </title>
<style type = "text/css">
Textarea {
Largura: 300px;
Altura: 300px;
}
.botão {
Largura: 100px;
}
</style>
</head>
<Body>
<script type = "text/javascript">
// Use os métodos LocalStorage e SessionStorage do HTML5 Web Storage para armazenamento local de dados da página da Web.
// Consulte a figura a seguir para armazenar os dados na página localmente. E pode ler dados armazenados e exibi -los na página.
função saveSession () {
var t1 = document.getElementById ("T1");
var T2 = document.getElementById ("T2");
var mydata = t2.Value;
var ostorage = Window.SessionStorage;
Ostorage.mydata = mydata;
t1.value + = "SessionStorage Salve myData:" + myData + "/n";
}
function readSession () {
var t1 = document.getElementById ("T1");
var ostorage = Window.SessionStorage;
var mydata = "não existe";
if (Ostorage.mydata) {
mydata = ostorage.mydata;
}
t1.value + = "SessionStorage lê mydata:" + myData + "/n";
}
função limpeza () {
var t1 = document.getElementById ("T1");
var ostorage = Window.SessionStorage;
var mydata = "não existe";
if (Ostorage.mydata) {
mydata = ostorage.mydata;
}
Ostorage.removeItem ("mydata");
t1.value + = "sessionStorageclear myData:" + myData + "/n";
}
função saveStorage () {
var t1 = document.getElementById ("T1");
var T2 = document.getElementById ("T2");
var mydata = t2.Value;
var ostorage = window.localStorage;
Ostorage.mydata = mydata;
T1.Value + = "LocalStorage Salve myData:" + myData + "/n";
}
função readStorage () {
var t1 = document.getElementById ("T1");
var ostorage = window.localStorage;
var mydata = "não existe";
if (Ostorage.mydata) {
mydata = ostorage.mydata;
}
t1.value + = "LocalStorage lê mydata:" + mydata + "/n";
}
function cleanStorage () {
var t1 = document.getElementById ("T1");
var ostorage = window.localStorage;
var mydata = "não existe";
if (Ostorage.mydata) {
mydata = ostorage.mydata;
}
Ostorage.removeItem ("mydata");
t1.Value + = "LocalStorageclear myData:" + myData + "/n";
}
</script>
<div>
<Textarea> </sexttarea>
<brety> Dados a serem salvos: </belt>
<input type = "text" />
<input type = "button" value = "sessionave" />
<input type = "button" value = "sessão leia" />
<input type = "button" value = "session clear" />
<input type = "button" value = "Local Salvar" />
<input type = "button" value = "Local Read" />
<input type = "button" value = "localClear" />
</div>
</body>
</html>