如何正确使用HTML5本地存储？

所以我刚刚读了Nettut关于HTML5本地存储的视频。然而由于某种原因，我无法让它在我的电脑上工作。（Ubuntu 10.04 Namoroka 3.6.9pre或谷歌Chrome 5）。我正在使用以下javascript代码：

$(function() {
    var edit = document.getElementById('edit');
    $(edit).blur(
        function() { 
            localStorage.setItem('todoData', this); 
        }
    );

    if ( localStorage.getItem('todoData') ) { 
        edit = localStorage.getItem('todoData'); 
    }
});

然后我有一个

，里面有一个

当然，我有Jquery链接

---

我在这里做错了什么吗？

您只是重新绑定变量

edit

以指向localStorage中的项。这不会产生任何明显的效果。我认为您需要替换

edit

引用的元素的内容，因此您需要执行以下操作：

$(function() {

    var edit = $('#edit');

    edit.blur(function() { localStorage.setItem('todoData', edit.html()); });

    if ( localStorage.getItem('todoData') ) { edit.html(localStorage.getItem('todoData')); }

});