1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
|
---
title: Window.sessionStorage
slug: Web/API/Window/sessionStorage
translation_of: Web/API/Window/sessionStorage
---
<p>{{APIRef()}}</p>
<p><code><font face="Open Sans, Arial, sans-serif">Свойство </font>sessionStorage</code> позволяет получить доступ к объекту {{domxref("Storage")}} текущей сессии. Свойство sessionStorage очень похоже на свойство {{domxref("Window.localStorage")}}, единственное различие заключается в том, что все данные, сохранённые в localStorage не имеют определённого времени жизни, а данные в sessionStorage очищаются в момент окончания сессии текущий страницы. Сессия страницы остаётся активной все время пока окно браузера открыто и сохраняется между перезагрузками страниц. <strong>Открытие той же страницы в новом окне браузера или новой вкладке приводит к созданию новой сессии страницы, </strong>что отличается от поведения session cookies<strong>.</strong></p>
<h2 id="Синтаксис">Синтаксис</h2>
<pre class="brush: js">// Сохранение данных в sessionStorage
sessionStorage.setItem('key', 'value');
// Получение данных из sessionStorage
var data = sessionStorage.getItem('key');</pre>
<h3 id="Значение">Значение</h3>
<p>Объект типа {{domxref("Storage")}}.</p>
<h2 id="Пример">Пример</h2>
<p>Следующий код получает доступ к объекту {{domxref("Storage")}} текущей сессии домена и добавляет данные в него используя {{domxref("Storage.setItem()")}}.</p>
<pre class="brush: js">sessionStorage.setItem('myCat', 'Tom');</pre>
<p>Следующий пример автоматически сохраняет содержимое текстового поля. Если страница случайно будет обновлена значение текстового поля будет восстановлено. Таким образом ничего из введённого пользователем не потеряется даже в этом случае.</p>
<pre class="brush: js">// Получаем ссылку на текстовое поле,
// изменение которого будем отслеживать.
var field = document.getElementById("field");
// Проверяем наличие значения 'autosave'
// (это может произойти только если страница будет случайно обновлена)
if (sessionStorage.getItem("autosave")) {
// Восстанавливаем содержимое текстового поля
field.value = sessionStorage.getItem("autosave");
}
// Отслеживаем все изменения в текстовом поле
field.addEventListener("change", function() {
// И сохраняем их в объект session storage
sessionStorage.setItem("autosave", field.value);
});</pre>
<p> </p>
<div class="note">
<p><strong>Замечание</strong>: Обратитесь к статье <a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Using the Web Storage API</a>, чтобы изучить полный пример.</p>
</div>
<h2 id="Спецификации">Спецификации</h2>
{{Specifications}}
<h2 id="Поддержка_браузерами">Поддержка браузерами</h2>
<p>{{Compat}}</p>
<h2 id="Смотрите_также">Смотрите также</h2>
<ul>
<li><a href="/en-US/docs/Web/API/Web_Storage_API/Using_the_Web_Storage_API">Using the Web Storage API</a></li>
<li>{{domxref("Window.localStorage")}}</li>
</ul>
|
