Commentaire: LocalStorage (stockage local), peut stocker des données pendant longtemps, sans limite de temps, un jour, un an, deux ans ou même plus, les données peuvent être utilisées, SessionStorage (stockage de session), seulement avant la fermeture du navigateur, il peut être utilisé lors de la création d'une autre page et les données disparaîtront après la fermeture du navigateur.
Utilisez les méthodes localStorage et SessionStorage du stockage Web HTML5 pour stocker les données de la page Web LocalStorage.
La page est référencée comme indiqué dans la figure ci-dessous, et les données de la page peuvent être stockées localement. Et peut lire les données stockées et les afficher sur la page.
LocalStorage (stockage local), peut stocker des données pendant longtemps, sans limite de temps, un jour, un an, deux ans ou même plus, des données peuvent être utilisées.
SessionStorage, qui ne peut être utilisé qu'avant la fermeture du navigateur, peut être utilisé lors de la création d'une autre page, et les données disparaîtront après la fermeture du navigateur.
La situation de compatibilité des tests locaux d'un blogueur est la suivante:
Chrome4 + commence à soutenir Localstorage
Firefox3.5 + commence à soutenir LocalStorage
Firefox1.5 + prend en charge GlobalStorage
IE8 + prend en charge LocalStorage
Le mode de compatibilité IE7 prend en charge LocalStorage
IE5.5 + prend en charge UserData
Safari 4+ prend en charge Localstorage
Opera10.5 + prend en charge LocalStorage
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<adal>
<meta http-equiv = "contenu-type" contenu = "text / html; charset = utf-8" />
<Title> </Title>
<style type = "text / css">
TextArea {
Largeur: 300px;
hauteur: 300px;
}
.bouton {
Largeur: 100px;
}
</ style>
</ head>
<body>
<script type = "text / javascript">
// Utilisez les méthodes locales de Sesporage et SessionStorage du stockage Web HTML5 pour le stockage local des données de page Web.
// Reportez-vous à la figure suivante pour stocker les données de la page localement. Et peut lire les données stockées et les afficher sur la page.
fonction Savession () {
var t1 = document.getElementById ("t1");
var t2 = document.getElementById ("t2");
var mydata = t2.Value;
var ostorage = window.SessionStorage;
ostorage.mydata = mydata;
t1.value + = "SessionStorage Save MyData:" + MyData + "/ N";
}
Fonction ReadSession () {
var t1 = document.getElementById ("t1");
var ostorage = window.SessionStorage;
var mydata = "not exist";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
t1.value + = "SessionStorage lit MyData:" + MyData + "/ n";
}
Fonction CleanSession () {
var t1 = document.getElementById ("t1");
var ostorage = window.SessionStorage;
var mydata = "not exist";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
OSTORAGE.REMOVEITEM ("MyData");
t1.value + = "SessionStorageClear MyData:" + MyData + "/ n";
}
fonction 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 Save MyData:" + MyData + "/ n";
}
fonction readStorage () {
var t1 = document.getElementById ("t1");
var ostorage = window.LocalStorage;
var mydata = "not exist";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
t1.value + = "localStorage lit mydata:" + mydata + "/ n";
}
fonction CleanStorage () {
var t1 = document.getElementById ("t1");
var ostorage = window.LocalStorage;
var mydata = "not exist";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
OSTORAGE.REMOVEITEM ("MyData");
t1.value + = "localStorageClear MyData:" + MyData + "/ n";
}
</cript>
<div>
<TextArea> </ TextArea>
<Babeld> Données à enregistrer: </Babed>
<input type = "text" />
<entrée type = "bouton" value = "Sessionsave" />
<input type = "bouton" value = "session lecture" />
<input type = "bouton" value = "session claire" />
<input type = "bouton" value = "local enregistre" />
<input type = "bouton" value = "lise locale" />
<input type = "Button" value = "localClear" />
</div>
</docy>
</html>