使用 Web API 存储创建"真正全局"整数变量

Question

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

代替JavaScript中的"真正全局"变量，我尝试使用Web API存储：

        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);

Answer 2

localStorage.setItem存储该值，但不会返回任何内容 - 或者换句话说返回undefined。试图将undefined解析为数字返回NaN。

请注意，LocalStorage从file://中查看浏览器中的文件时不起作用，您需要运行最小的服务器来测试您的代码。