从 localStorage 读写？

Question

我刚开始学习Phonegap + jQuery Mobile和HTML5，所以不要因为我的白痴而失去勇气！

有人能告诉我为什么这不起作用吗？当我使用 localStorage 中的变量时，按下按钮时我只是得到一个空白屏幕，但是当使用变量 temperature="100" 时，它工作正常。安卓 4.1。

<script type="text/javascript" charset="utf-8">
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
  window.localStorage.setItem("temperature", "100");
  var temperature = window.localStorage.getItem("temperature");
}
</script>
<div data-role="content">
  <p>Working or not?</p>
  <button onclick="myFunction()">Try it</button>
  <p id="testi"></p>
<script type="text/javascript">
  function myFunction() {
    //var temperature = "100";----> This is working!
    document.getElementById("testi").innerHTML = temperature;
  }
 </script>
</div>

另一个问题：如何处理Windows Phone中页面之间的变量？他们不支持 localStorage，如果您没有 db-connection，还有其他方法可以解决这个问题吗？

谢谢！

萨米

Answer 1

temperature 在onDeviceReady 函数的范围内是本地的。也就是功能一结束，就没了。

你有两个选择：

// Make it global
var temperature;
document.addEventListener("deviceready", onDeviceReady, false);
function onDeviceReady() {
  window.localStorage.setItem("temperature", "100");
  temperature = window.localStorage.getItem("temperature");
}

或：

// Retrieve it in myFunction
function myFunction() {
  var temperature = localStorage.getItem("temperature");
  document.getElementById("testi").innerHTML = temperature;
}

有关函数范围示例的良好列表，请尝试this answer。