Главная » Статьи » Прочее

Используем LocalStorage вместо cookie



Итак, приступим. Для начала я распишу параметры, которые позволят управлять записями в локальном хранилище

localStorage.getItem(‘hstudio‘) — данный параметр позволяет получать данные записи с именем hstudio
localStorage.setItem(‘hstudio‘, ‘site‘) — данный параметр позволяет создать новую запись в локальном хранилище с названием hstudio и содержимым site. Содержимое может быть как строкой, так и цифрой или же цифровым массивом
localStorage.removeItem(‘hstudio‘) — данный параметр позволяет удалить запись с именем
hstudio из локального хранилища

Вот вам пример, автором которого является Apocalypse ПРИМЕР

Код

<style>
.apolikesquare {
width:100px;
height:100px;
background:#ff3333;
display:none;
}
</style>
<script>
$(document).ready(function() {
if(localStorage.getItem('aposquare') != 1) {
$('.apolikesquare').show(); // Если в локальном хранилище нет записи или запись aposquare не равна 1, показываем блок
};
$('#apobutton').click(function() {
// При клике по кнопке с id = apobutton
if(localStorage.getItem('aposquare') == 1) {
localStorage.removeItem('aposquare'); // Если запись aposquare равна 1, удаляем её
$('.apolikesquare').fadeIn(200); // И показываем блок за 200 миллисекунд
} else {
localStorage.setItem('aposquare', 1); // В противном случае создаём запись aposquare со занчением 1
$('.apolikesquare').fadeOut(100); // И показываем блок за 100 миллисекунд
};
// Вот такие пироги...
});
});
</script>
<input type="button" id="apobutton" value="Жамкай меня нежно!" />
<div class="apolikesquare"></div>
Категория: Прочее | Добавил: slavick (31.05.2014)
Просмотров: 242 | Теги: Cookie, вместо, localStorage, Используем | Рейтинг: 1.0/10
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]