javascript - 存储 bool 值或 int 并在页面加载后检查/更改其值

Question

我正在尝试将 bool 值或 int 存储在某个地方，以便在页面加载后可以检查它，以便在页面加载后将 bool 值更改为 false(通过 a链接)。

我知道你可以将其作为隐藏文本或隐藏单选按钮放在页面上，但这真的很难看......

我也在考虑使用 HTML 5 的客户端存储。

到目前为止我有这个:
但显然，当我稍后在脚本中检查 stopOnMouseOut 时，这不起作用，它将始终返回 true...

stopOnMouseOut = true;

    var stopSoundsVar = document.getElementById("stop_sounds");
    stopSoundsVar.onclick = function() {
        // toggle boolean
        if (stopOnMouseOut == true) {
            stopOnMouseOut = false;
        }else {
            stopOnMouseOut = true; 
        }
        //alert(stopOnMouseOut);
        return false;
     }

是否有任何最佳实践来做到这一点？

Answer 1

正如您在问题中所述，您可以使用 localStorage (在浏览器加载时持续存在)或 sessionStorage (仅持续页面的生命周期 - 新窗口是新 session )。

使用 localStorage(或 sessionStorage)非常简单:

localStorage.key = "value";

您只能将字符串存储在 DOM 存储中，因此您可能必须将检索到的 bool 值与 "true" 或 "false" 进行比较，而不仅仅是 true 或false。或者，您可以将数据转换为 JSON，然后解析 JSON。

使用 localStorage 保存数据:http://hacks.mozilla.org/2009/06/localstorage/

兼容性:http://dev-test.nemikor.com/web-storage/support-test/