HTML5 LocalStorage Local Storage

LocalStorage сохранен локальный, который может использоваться для длительного сохранения данных на всем веб -сайте.

Этот объект может быть вызван на языке JavaScript через Window.LocalStorage или LocalStorage.

1) Ограничения на ту же стратегию источника. Если вы хотите управлять одним и тем же локальным строительством между разными страницами, эти страницы должны находиться под одним и тем же протоколом, одним и тем же именем хоста и тем же портом. (IE8 и 9 данных хранения основаны на том же имени хоста, игнорируя требования протокола (HTTP и HTTPS) и номер порта)

2) Хранится только на месте. Данные LocalStorage не будут отправлены на сервер с помощью HTTP -запроса, который вступит в силу только локально.

3) Постоянное сохранение. Сохраненные данные не истекали до ручного удаления.

4) Метод хранения. Метод хранения LocalStorage сделан и ценность. Значение значения должно быть типом строки (а не не -стринг, и оно также будет преобразовано в строку во время хранения. Истинное значение будет преобразовано в TRUE).

5) Предел хранения: разные браузеры хранят верхний предел, но большинство браузеров ограничивают верхний предел менее чем 5 МБ.

6) Поделиться с браузером. Данные LocalStorage могут быть переданы между одними и теми же страницами разных вкладок одного и того же браузера.

Самая маленькая версия браузера Localstorage: IE8, Chrome 5.

LocalStorage более подходит для 2 мест:

1) Схема временного сохранения с большими данными. Такие как автоматическое сохранение статей онлайн -редактирования.

2) Общие данные с несколькими страницами. SessionStorage применим только к той же странице вкладок.

Readonly int localstorage.length: вернуть целое число, указывая на количество элементов данных (пары значений ключей), хранящиеся в объекте LocalStorage.

String localstorage.key (int index): возвращает имя ключа серийного номера индекса текущего объекта LocalStorage. Если не возвращен NULL.

StringlocalStorage.getItem (string key): значение, соответствующее имени ключа (клавиша). Если не возвращен NULL.

Voidlocalstorage.setItem (String Key, String Value): Этот метод принимает имя ключа (клавишу) и значение в качестве параметра для добавления значения клавиши в хранилище;

Voidlocalstorage.removeitem (String Key): удалите указанное имя клавиши из объекта LocalStorage.

Voidlocalstorage.clear (): очистить все элементы объекта LocalStorage.

Хранение: когда изменения в LocalStorage, это событие запускается.

Этот инцидент имеет другой механизм триггера в IE 11 и Chrome:

1) Запускает ли текущая страница: когда текущая страница управляется LocalStorage, IE 11 - это текущая страница, которая также запускает это событие.

2) Повторите операцию LocalStorage: если вы депонируете дубликаты данных, т.е. 11 запускается это событие, и Chrome не запускает этот инцидент.

 Localstorage.setitem ('testkey', «это тестовое значение»); //

 LocalStorage ['testKey'] = 'Это значение значения теста';

 Localstorage.getitem ('testkey');

 LocalStorage ['testKey'];

LocalStorage также может хранить объекты JSON: Во время хранения объект преобразуется в текстовый формат через json.stringify ();

 var userntity = {name: 'tom', возраст: 22}; : 获取到的 json 字符串转换回对象 var userjsonts = localstorage .getitem ('user'); userentity = json.parse (userjsontry); console.log (userentity.name); // => Том