--- 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> <table class="standard-table"> <tbody> <tr> <th scope="col">Спецификация</th> <th scope="col">Статус</th> <th scope="col">Замечание</th> </tr> <tr> <td>{{SpecName('Web Storage', '#the-sessionstorage-attribute', 'sessionStorage')}}</td> <td>{{Spec2('Web Storage')}}</td> <td> </td> </tr> </tbody> </table> <h2 id="Поддержка_браузерами">Поддержка браузерами</h2> <p>{{ CompatibilityTable() }}</p> <div id="compat-desktop"> <table class="compat-table"> <tbody> <tr> <th>Возможность</th> <th>Chrome</th> <th>Firefox (Gecko)</th> <th>Internet Explorer</th> <th>Opera</th> <th>Safari (WebKit)</th> </tr> <tr> <td>localStorage</td> <td>4</td> <td>3.5</td> <td>8</td> <td>10.50</td> <td>4</td> </tr> <tr> <td>sessionStorage</td> <td>5</td> <td>2</td> <td>8</td> <td>10.50</td> <td>4</td> </tr> </tbody> </table> </div> <div id="compat-mobile"> <table class="compat-table"> <tbody> <tr> <th>Возможность</th> <th>Android</th> <th>Firefox Mobile (Gecko)</th> <th>IE Phone</th> <th>Opera Mobile</th> <th>Safari Mobile</th> </tr> <tr> <td>Basic support</td> <td>2.1</td> <td>{{ CompatUnknown }}</td> <td>8</td> <td>11</td> <td>iOS 3.2</td> </tr> </tbody> </table> </div> <p>Все браузеры имеют разный уровень поддержки как localStorage так и sessionStorage. Здесь вы можете посмотреть <a class="external" href="http://dev-test.nemikor.com/web-storage/support-test/" title="http://dev-test.nemikor.com/web-storage/support-test/">detailed rundown of all the storage capacities for various browsers</a>.</p> <div class="note"> <p><strong>Замечание: </strong>начиная с iOS 5.1, Safari Mobile сохраняет данные из localStorage в специальную папку, которая может быть случайно очищена по просьбе системы, обычно это происходит, когда заканчивается место.</p> </div> <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>