Сохранять значение переменных JavaScript после обновления страницы?

Ответ 1

Cookies

Лучшим решением является использование файлов cookie. Файл cookie, также известный как cookie HTTP, веб-cookie или cookie браузера, обычно представляет собой небольшую часть данных, отправленных с веб-сайта и хранящихся в пользовательском веб-браузере, в то время как пользователь просматривает веб-сайт (из Википедии).

Используя файл cookie, вы можете сохранить состояние, а затем прочитать его и использовать.

С jQuery очень удобно использовать файлы cookie.

Чтобы установить:

$.cookie("var", "10");

Чтобы получить:

$.cookie("var")

Для удаления:

$.cookie("var", null);

Локальное хранилище

Если вы хотите сохранить локально большое количество данных, у вас есть еще одна возможность - использовать локальное хранилище (с HTML5). Вы можете сделать это напрямую с помощью JavaScript или с помощью одного из доступных плагинов jQuery.

например, с totalStorage:

var scores = new Array();
scores.push({'name':'A', points:10});
scores.push({'name':'B', points:20});
scores.push({'name':'C', points:0});
$.totalStorage('scores', scores);

Ответ 2

Вы можете поместить это значение в файл cookie.

Полный список альтернатив -

• Стандартные HTTP файлы cookie
• Локальные общие объекты (файлы cookie Flash)
• Изолированное хранилище Silverlight
• Сохранение файлов cookie в значениях RGB автоматически сгенерированных, принудительно кэшированных PNG с использованием HTML5 Canvas ag для чтения пикселов (файлов cookie).
• Сохранение файлов cookie в истории веб-сайтов
• Сохранение файлов cookie в HTTP файлах HTTP
• Сохранение файлов cookie в веб-кеше
• кеширование window.name
• Хранилище userData для Internet Explorer
• Хранилище HTML5
• Локальное хранилище HTML5
• Глобальное хранилище HTML5
• Хранилище баз данных HTML5 через SQLite

Evercookie

Ответ 3

Вы можете сохранить его в файле cookie. Или используйте локальное хранилище, если оно поддерживается браузером.

Ответ 4

Вы можете использовать $.cookie("key", value), чтобы установить значение, и $.cookie("key"), чтобы получить сохраненное значение.

РЕДАКТИРОВАТЬ: Небольшой учебник о том, как вы используете файлы cookie в jQuery: http://www.electrictoolbox.com/jquery-cookies/