Можностей, предоставляемых веб-разработчикам



Pdf көрінісі
бет216/232
Дата06.01.2022
өлшемі5,47 Mb.
#12231
1   ...   212   213   214   215   216   217   218   219   ...   232
Байланысты:
[Bryus Louson, Remi SHarp] Izuchaem HTML5. Bibliot(z-lib.org)

15-СЕКУНДНЫЙ УРОК
У меня не вызывает никаких сомнений то, что вы сразу поймете, как использовать 
localStorage
. Поэтому еще до всяких объяснений я решил продемонстрировать этот 
код, и я уверен, что основы веб-хранилищ сразу же закрепятся у вас в голове!


Хранение данных  •  193
localStorage.superHero = "Remy";
localStorage.superVillain = "Bruce";
// здесь происходит схватка супергероев
delete localStorage.superVillain;
// страница перезагружается, браузер закрывается и открывается —
¬ нам все равно, мы супергерои!
alert("The world's baddest badass is: " +
¬ localStorage.superHero);
Да, все именно настолько просто. Если вы закроете браузер, перезагрузите компьютер 
и позже вернетесь к домену, где были установлены эти данные, то найдете их на месте 
в целости и сохранности. Вы сможете проверить значение localStorage.superHero и полу-
чите, разумеется, строку Remy!
Обзор API
Поскольку и 
sessionStorage
, и 
localStorage
 происходят от API веб-хранилища, то их 
API совершенно одинаковые. Из спецификации:
readonly attribute unsigned long length;
getter DOMString key(in unsigned long index);
getter DOMString getItem(in DOMString key);
setter creator void setItem(in DOMString key, in any data);
deleter void removeItem(in DOMString key);
void clear();
В API веб-хранилища создавать и извлекать данные очень просто. Метод 
setItem
 при-
нимает ключ и значение. Метод 
getItem
 принимает ключ данных и возвращает соответ-
ствующее значение:
sessionStorage.
setItem
('twitter', '@rem');
alert( sessionStorage.


Достарыңызбен бөлісу:
1   ...   212   213   214   215   216   217   218   219   ...   232




©emirsaba.org 2024
әкімшілігінің қараңыз

    Басты бет