← 返回首页
Window: свойство sessionStorage - Интерфейсы веб API | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Toggle sidebar
  1. Веб-технологии для разработчиков
  2. Интерфейсы веб API
  3. Window
  4. Window: свойство sessionStorage
Theme
  • OS default
  • Light
  • Dark
Русский
Remember language Learn more

This page was translated from English by the community. Learn more and join the MDN Web Docs community.

View in English Always switch to English

Window: свойство sessionStorage

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since июль 2015 г..

Свойство sessionStorage позволяет получить доступ к объекту Storage текущей сессии. Свойство sessionStorage очень похоже на свойство Window.localStorage, единственное различие заключается в том, что все данные, сохранённые в localStorage не имеют определённого времени жизни, а данные в sessionStorage очищаются в момент окончания сессии текущий страницы. Сессия страницы остаётся активной все время пока окно браузера открыто и сохраняется между перезагрузками страниц. Открытие той же страницы в новом окне браузера или новой вкладке приводит к созданию новой сессии страницы, что отличается от поведения session cookies**.**

In this article

Синтаксис

js
// Сохранение данных в sessionStorage sessionStorage.setItem("key", "value"); // Получение данных из sessionStorage var data = sessionStorage.getItem("key");

Значение

Объект типа Storage.

Пример

Следующий код получает доступ к объекту Storage текущей сессии домена и добавляет данные в него используя Storage.setItem().

js
sessionStorage.setItem("myCat", "Tom");

Следующий пример автоматически сохраняет содержимое текстового поля. Если страница случайно будет обновлена значение текстового поля будет восстановлено. Таким образом ничего из введённого пользователем не потеряется даже в этом случае.

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); });

Примечание: Обратитесь к статье Using the Web Storage API, чтобы изучить полный пример.

Спецификации

Specification
HTML
# dom-sessionstorage-dev

Совместимость с браузерами

Enable JavaScript to view this browser compatibility table.

Смотрите также

Help improve MDN

Was this page helpful to you?
Yes No
Learn how to contribute

This page was last modified on 28 сент. 2024 г. by MDN contributors.

View this page on GitHub • Report a problem with this content
  1. Веб хранилище (API)
  2. Window
  3. Свойства экземпляра
    1. caches
    2. closed
    3. cookieStore
    4. crashReport
    5. credentialless
    6. crossOriginIsolated
    7. crypto
    8. customElements
    9. devicePixelRatio
    10. document
    11. documentPictureInPicture
    12. event
    13. external
    14. fence
    15. frameElement
    16. frames
    17. fullScreen
    18. history
    19. indexedDB
    20. innerHeight
    21. innerWidth
    22. isSecureContext
    23. launchQueue
    24. length
    25. localStorage
    26. location
    27. locationbar
    28. menubar
    29. mozInnerScreenX
    30. mozInnerScreenY
    31. name
    32. navigation
    33. navigator
    34. opener
    35. orientation
    36. origin
    37. originAgentCluster
    38. outerHeight
    39. outerWidth
    40. parent
    41. performance
    42. personalbar
    43. scheduler
    44. screen
    45. screenLeft
    46. screenTop
    47. screenX
    48. screenY
    49. scrollbars
    50. scrollMaxX
    51. scrollMaxY
    52. scrollX
    53. scrollY
    54. self
    55. sessionStorage
    56. sharedStorage
    57. speechSynthesis
    58. status
    59. statusbar
    60. toolbar
    61. top
    62. trustedTypes
    63. viewport
    64. visualViewport
    65. window
  4. Методы экземпляра
    1. alert()
    2. atob()
    3. blur()
    4. btoa()
    5. cancelAnimationFrame()
    6. cancelIdleCallback()
    7. captureEvents()
    8. clearImmediate()
    9. clearInterval()
    10. clearTimeout()
    11. close()
    12. confirm()
    13. createImageBitmap()
    14. dump()
    15. fetch()
    16. fetchLater()
    17. find()
    18. focus()
    19. getComputedStyle()
    20. getDefaultComputedStyle()
    21. getScreenDetails()
    22. getSelection()
    23. matchMedia()
    24. moveBy()
    25. moveTo()
    26. open()
    27. postMessage()
    28. print()
    29. prompt()
    30. queryLocalFonts()
    31. queueMicrotask()
    32. releaseEvents()
    33. reportError()
    34. requestAnimationFrame()
    35. requestFileSystem()
    36. requestIdleCallback()
    37. resizeBy()
    38. resizeTo()
    39. scroll()
    40. scrollBy()
    41. scrollByLines()
    42. scrollByPages()
    43. scrollTo()
    44. setImmediate()
    45. setInterval()
    46. setResizable()
    47. setTimeout()
    48. showDirectoryPicker()
    49. showOpenFilePicker()
    50. showSaveFilePicker()
    51. sizeToContent()
    52. stop()
    53. structuredClone()
    54. webkitConvertPointFromNodeToPage()
    55. webkitConvertPointFromPageToNode()
  5. События
    1. afterprint
    2. appinstalled
    3. beforeinstallprompt
    4. beforeprint
    5. beforeunload
    6. blur
    7. devicemotion
    8. deviceorientation
    9. deviceorientationabsolute
    10. error
    11. focus
    12. gamepadconnected
    13. gamepaddisconnected
    14. hashchange
    15. languagechange
    16. load
    17. message
    18. messageerror
    19. offline
    20. online
    21. orientationchange
    22. pagehide
    23. pagereveal
    24. pageshow
    25. pageswap
    26. popstate
    27. rejectionhandled
    28. resize
    29. scrollsnapchange
    30. scrollsnapchanging
    31. storage
    32. unhandledrejection
    33. unload
    34. vrdisplayactivate
    35. vrdisplayconnect
    36. vrdisplaydeactivate
    37. vrdisplaydisconnect
    38. vrdisplaypresentchange
  6. Наследование
    1. EventTarget
  7. Похожие страницы для Web Storage API
    1. Storage
    2. StorageEvent
    3. Window.localStorage
    4. Window.sessionStorage
  8. Руководства
    1. Использование Web Storage API

Your blueprint for a better internet.

MDN Contribute Developers

Visit Mozilla Corporation’s not-for-profit parent, the Mozilla Foundation.
Portions of this content are ©1998–2026 by individual mozilla.org contributors. Content available under a Creative Commons license.