[Обучение запись] SessionStorage и LocalStorage

SessionStorage и LocalStorage могут быть использованы для создания локальных пар магазин ключ-значение для достижения паритета и так далее.

ядро следует

Создание пары ключ-значение

window.sessionStorage.setItem ( "ключ", "значение");

Получить значение

вар ПолучитьЗначение = window.sessionStorage.getItem ( "ключ");

Удалить указанный ключ

window.sessionStorage.removeItem ( "ключ");

Очистить все значения

window.sessionStorage.clear ();

Затем выше локальный сеанс заменяется соответствующей функцией LocalStorage

Это простой пример, пользователи могут нажать Создать, чтобы создать запись, нажмите на чеке, чтобы увидеть, если запись уже существует, нажмите кнопку Удалить, чтобы удалить запись, вы можете увидеть, когда страница данных закрываются при хранении sessionstorage теряется, но LocalStorage до сих пор сохранилась.

1  <! DOCTYPE HTML > 
2  < HTML > 
3    < голова > 
4      < мета кодировка = "UTF-8" > 
5      < название > honki </ название > 
6    </ голова > 
7    < тело > 
8      < DIV > Привет , это сс </ DIV > 
9      < DIV ID = "whoss" > кто ты <
     < Кнопка тип = "кнопка" название = "button1ss" OnClick = "createss ()" > создать </ кнопка > 
11      < кнопка типа = "Кнопка" название = "button2ss" OnClick = "checkss ()" > Проверка </ кнопка > 
12      < кнопка Тип = "кнопка" название = "button3ss" OnClick = "delss ()" > удалить </ кнопка >
13  
14      < DIV >привет это вот </ DIV > 
15      < DIV ID = "wholo" > кто ты </ DIV > 
16      < кнопка Тип = "Кнопка" название = "button1lo" OnClick = "createlo ()" > создать </ кнопка > 
17      < кнопка тип = "кнопка" название = "button2lo" OnClick = "checklo ()" > проверка </ кнопка > 
18      <Кнопка типа «кнопка» =имя = "button3lo" OnClick = "Делло ()" > удалить </ кнопка > 
19      <! - встроенные файлы будут автоматически впрыскивается -> 
20    </ тело > 
21    < сценарий типа = "текст / JavaScript" > 
22    функции createss (событие) {
 23      window.sessionStorage.removeItem ( ' ID ' );
24      window.sessionStorage.setItem ( ' ID ' , " Ван " );
25     document.getElementById ( ' whoss ' ) .innerHTML = ' вы ван ' ;
26    }
 27  
28    Функция checkss (событие) {
 29 ,      если (window.sessionStorage.getItem ( ' ID ' ) === ' Ван ' )
 30      {
 31        document.getElementById ( ' whoss ' ) .innerHTML = ' вы ван ' ;
32      }
 33      еще 
34      {
35        document.getElementById ( ' whoss ' ) .innerHTML = ' извините создать пожалуйста ' ;
36      }
 37    }
 38  
39    Функция delss (событие) {
 40      window.sessionStorage.clear ();
41      document.getElementById ( ' whoss ' ) .innerHTML = ' кто ты ' ;
42    }
 43  
44    Функция createlo (событие) {
 45      window.localStorage.removeItem ( ' ID ');
46      window.localStorage.setItem ( ' ID ' , " Ван " );
47      document.getElementById ( ' wholo ' ) .innerHTML = ' вы ван ' ;
48    }
 49  
50    Функция checklo (событие) {
 51 ,      если (window.localStorage.getItem ( ' ID ' ) === ' Ван ' )
 52      {
 53        document.getElementById ( ' wholo ') .innerHTML = ' вы ван ' ;
54      }
 55      еще 
56      {
 57        document.getElementById ( ' wholo ' ) .innerHTML = ' извините пожалуйста , создать ' ;
58      }
 59    }
 60  
61    Функция делло (событие) {
 62      window.localStorage.clear ();
63      document.getElementById ( ' wholo ' ) .innerHTML = ' кто ты ' ;
64   }
 65    </ сценарий > 
66  </ HTML >

[Обучение запись] SessionStorage и LocalStorage

рекомендация