javascript - 从 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 .