Комментарий: LocalStorage (Local Storage), может хранить данные в течение длительного времени, без ограничения по времени, один день, один год, два года или даже дольше, можно использовать данные, SessionStorage (хранение сеанса), только до того, как браузер будет закрыт, их можно использовать при создании другой страницы, а данные исчезнут после закрытия браузера.
Используйте методы LocalStorage и SessionStorage веб -хранилища HTML5 для хранения данных веб -страницы LocalStorage.
На странице ссылается, как показано на рисунке ниже, а данные на странице могут храниться локально. И может прочитать хранимые данные и отобразить их на странице.
LocalStorage (Local Storage) может хранить данные в течение длительного времени, без ограничения времени, один день, один год, два года или даже дольше, можно использовать данные.
SessionStorage, который можно использовать только до того, как браузер будет закрыт, может использоваться при создании другой страницы, и данные исчезнут после закрытия браузера.
Тест -блоггер тест на локальную ситуацию совместимости заключается в следующем:
Chrome4+ начинает поддерживать LocalStorage
Firefox3.5+ начинает поддерживать LocalStorage
Firefox1.5+ поддерживает GlobalStorage
IE8+ поддерживает LocalStorage
Режим совместимости IE7 поддерживает LocalStorage
IE5.5+ поддерживает userData
Safari 4+ поддерживает LocalStorage
Opera10.5+ поддерживает LocalStorage
<! Doctype html>
<html xmlns = "http://www.w3.org/1999/xhtml">
<голова>
<meta http-equiv = "content-type" content = "text /html; charset = utf-8" />
<title> </title>
<стиль типа = "text/css">
Textarea {
Ширина: 300px;
Высота: 300px;
}
.кнопка {
Ширина: 100px;
}
</style>
</head>
<тело>
<script type = "text/javascript">
// Использование методов LocalStorage и SessionStorage веб -хранилища HTML5 для локального хранения данных веб -страницы.
// См. Следующий рисунок для хранения данных на странице локально. И может прочитать хранимые данные и отобразить их на странице.
function 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 Save MyData:" + myData + "/n";
}
function earepessession () {
var t1 = document.getElementById ("T1");
var ostorage = window.sessionStorage;
var mydata = "не существует";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
t1.value + = "SessionStorage читает MyData:" + myData + "/n";
}
функция очистить () {
var t1 = document.getElementById ("T1");
var ostorage = window.sessionStorage;
var mydata = "не существует";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
ostorage.removeitem ("mydata");
t1.value + = "sessionstoragelear mydata:" + mydata + "/n";
}
function 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";
}
функция readstorage () {
var t1 = document.getElementById ("T1");
var ostorage = window.localstorage;
var mydata = "не существует";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
t1.value + = "LocalStorage читает mydata:" + mydata + "/n";
}
function cleanstorage () {
var t1 = document.getElementById ("T1");
var ostorage = window.localstorage;
var mydata = "не существует";
if (ostorage.mydata) {
mydata = ostorage.mydata;
}
ostorage.removeitem ("mydata");
t1.value + = "localstoragelear mydata:" + mydata + "/n";
}
</script>
<div>
<Textarea> </textarea>
<babel> Данные, которые необходимо сохранить: </label>
<input type = "text" />
<input type = "button" value = "sessionsave" />
<input type = "button" value = "Session Read" />
<input type = "button" value = "session clear" />
<input type = "button" value = "локальное сохранение" />
<input type = "button" value = "Local Read" />
<input type = "button" value = "localClear" />
</div>
</body>
</html>