HTML5 本地存储在页面刷新之间不保存

Question

我是第一次使用 FF5 使用 HTML5 本地存储。我有下面的 javascript，它应该将字符串保存到本地存储中，但是当重新加载页面时，本地存储中没有任何值。我做错了什么？为什么加载后的页面上没有填充“foo”？

 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js</script>

<script>
$(document).ready(function() {

if (!localStorage) {return false; }

var foo = localStorage.getItem("key1");

if (foo != null)
{
   document.getByName("identifier").value = foo;
}

localStorage["key1"] = "value1";

});
</script>

Answer 1

您应该使用localStorage.setItem。例如

localStorage.setItem("key1", "value1");

注意：IE 7 不支持 localStorage

Answer 2

我也遇到过同样的问题。我发现在 document.ready 期间无法从本地存储中检索项目，但之后我可以获取这些项目。

Answer 3

我相信你需要使用“setItem”方法，即：

localStorage.setItem('key1', 'value1');

Answer 4

看看我的代码

你不需要 getItem 和 setItem

jQuery('.close-intro').click(function() {
    window.localStorage['intro'] = 1;
    jQuery('.intro-holder').slideUp();
    jQuery('.open-intro').show();
});
jQuery('.open-intro').click(function() {
    window.localStorage['intro'] = 0;
    jQuery('.intro-holder').slideDown();
    jQuery(this).hide();
});
var opcl = window.localStorage['intro'];
if (opcl == 1) {
    jQuery('.intro-holder').slideUp();
    jQuery('.open-intro').show();
}
if (opcl == 0) {
    jQuery('.intro-holder').slideDown();
    jQuery('.open-intro').hide();
}