如何使JS变量在页面刷新后保留值？

Question

如何使JS变量在页面刷新后保留值？是否可以永久更改javascript变量？例如，如果我将变量X设置为等于1。然后单击按钮将该变量更改为2。在刷新页面时，如何使该变量保持在2的位置？

Answer 1

您必须使用cookie来存储跨页面刷新的值。您可以使用许多基于javascript的cookie库中的任何一个来简化cookie访问，如下这一个

如果您只想支持HTML 5，那么您可以考虑储物类API局部存储/会话存储

例：使用局部存储和cookie库

var mode = getStoredValue('myPageMode');function buttonClick(mode) {
    mode = mode;
    storeValue('myPageMode', mode);}function storeValue(key, value) {
    if (localStorage) {
        localStorage.setItem(key, value);
    } else {
        $.cookies.set(key, value);
    }}function getStoredValue(key) {
    if (localStorage) {
        return localStorage.getItem(key);
    } else {
        return $.cookies.get(key);
    }}