javascript - 使用 Web API 存储创建 'truly global' 整数变量

Question

我有两个 html 文档，我希望它们共享一个变量及其值。

我尝试使用 Web API 存储来代替 JavaScript 中的“真正全局”变量:

        var number = parseInt(localStorage.setItem('num',0));

存储始终是一个字符串，因此我尝试解析为一个看似不正确的整数(而不是在我的程序中显示为 0，而是显示为“NaN”)。我只能假设我的语法是错误的？

我希望这个变量可以增加(每次用户点击某个东西时+1)，但还没有弄清楚这一点。然后我想在第二个 html 文档中检索它的值。但由于最初尝试解析存储值时的失误，我还无法尝试这些方法。

Answer 1

它不会那样工作，因为 localStorage.setItem 返回 undefined。这样做的方法是:

// define variable
var num = 0;

// set to storage
localStorage.setItem('num', num);

// get from storage
num = parseInt(localStorage.getItem('num'));

// write-back incremented
localStorage.setItem('num', num + 1);