Baseline Widely available
СвойÑÑво sessionStorage
позволÑÐµÑ Ð¿Ð¾Ð»ÑÑиÑÑ Ð´Ð¾ÑÑÑп к обÑекÑÑ Storage
ÑекÑÑей ÑеÑÑии. СвойÑÑво sessionStorage оÑÐµÐ½Ñ Ð¿Ð¾Ñ
оже на ÑвойÑÑво Window.localStorage
, единÑÑвенное ÑазлиÑие заклÑÑаеÑÑÑ Ð² Ñом, ÑÑо вÑе даннÑе, ÑоÑ
ÑанÑннÑе в localStorage не имеÑÑ Ð¾Ð¿ÑеделÑнного вÑемени жизни, а даннÑе в sessionStorage оÑиÑаÑÑÑÑ Ð² Ð¼Ð¾Ð¼ÐµÐ½Ñ Ð¾ÐºÐ¾Ð½ÑÐ°Ð½Ð¸Ñ ÑеÑÑии ÑекÑÑий ÑÑÑаниÑÑ. СеÑÑÐ¸Ñ ÑÑÑаниÑÑ Ð¾ÑÑаÑÑÑÑ Ð°ÐºÑивной вÑе вÑÐµÐ¼Ñ Ð¿Ð¾ÐºÐ° окно бÑаÑзеÑа оÑкÑÑÑо и ÑоÑ
ÑанÑеÑÑÑ Ð¼ÐµÐ¶Ð´Ñ Ð¿ÐµÑезагÑÑзками ÑÑÑаниÑ. ÐÑкÑÑÑие Ñой же ÑÑÑаниÑÑ Ð² новом окне бÑаÑзеÑа или новой вкладке пÑÐ¸Ð²Ð¾Ð´Ð¸Ñ Ðº ÑÐ¾Ð·Ð´Ð°Ð½Ð¸Ñ Ð½Ð¾Ð²Ð¾Ð¹ ÑеÑÑии ÑÑÑаниÑÑ, ÑÑо оÑлиÑаеÑÑÑ Ð¾Ñ Ð¿Ð¾Ð²ÐµÐ´ÐµÐ½Ð¸Ñ session cookies**.**
// СоÑ
Ñанение даннÑÑ
в sessionStorage
sessionStorage.setItem("key", "value");
// ÐолÑÑение даннÑÑ
из sessionStorage
var data = sessionStorage.getItem("key");
ÐнаÑение
ÐбÑÐµÐºÑ Ñипа Storage
.
СледÑÑÑий код полÑÑÐ°ÐµÑ Ð´Ð¾ÑÑÑп к обÑекÑÑ Storage
ÑекÑÑей ÑеÑÑии домена и добавлÑÐµÑ Ð´Ð°Ð½Ð½Ñе в него иÑполÑзÑÑ Storage.setItem()
.
sessionStorage.setItem("myCat", "Tom");
СледÑÑÑий пÑÐ¸Ð¼ÐµÑ Ð°Ð²ÑомаÑиÑеÑки ÑÐ¾Ñ ÑанÑÐµÑ ÑодеÑжимое ÑекÑÑового полÑ. ÐÑли ÑÑÑаниÑа ÑлÑÑайно бÑÐ´ÐµÑ Ð¾Ð±Ð½Ð¾Ð²Ð»ÐµÐ½Ð° знаÑение ÑекÑÑового Ð¿Ð¾Ð»Ñ Ð±ÑÐ´ÐµÑ Ð²Ð¾ÑÑÑановлено. Таким обÑазом ниÑего из введÑнного полÑзоваÑелем не поÑеÑÑеÑÑÑ Ð´Ð°Ð¶Ðµ в ÑÑом ÑлÑÑае.
// ÐолÑÑаем ÑÑÑÐ»ÐºÑ Ð½Ð° ÑекÑÑовое поле,
// изменение коÑоÑого бÑдем оÑÑлеживаÑÑ.
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, ÑÑÐ¾Ð±Ñ Ð¸Ð·ÑÑиÑÑ Ð¿Ð¾Ð»Ð½Ñй пÑимеÑ.
СпеÑиÑикаÑии СовмеÑÑимоÑÑÑ Ñ Ð±ÑаÑзеÑами СмоÑÑиÑе ÑакжеRetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4