javascript - HTML5储存问题

我有一个可以用来存储笔记的便笺盒，最初我是用cookies来存储条目的，后来我尝试了HTML5存储，但无法正常工作，下面是代码：

$(document).ready(function () {
$('#savesNotes').click(function () {
    localStorage.nltwonotes=document.forms[0].todo1.value;
}
});

document.forms[0].todo1.value=localStorage.nltwonotes;
});

最佳答案

下面是一些工作代码：
预览（键入，然后在控制台中查看本地存储）：
http://jsbin.com/exote5/
资料来源：
http://jsbin.com/exote5/edit

$(document).ready(function () {
  $('#saveNotes').click(function () {
      localStorage.nltwonotes=$('#note').val();
  });
  if(localStorage.nltwonotes){
    $('#note').val(localStorage.nltwonotes);
  }
  else{
    //Not set yet
  }
});

==关于文件的注意：///协议==
必须在服务器上具有本地存储（http或https）。Firefox不允许您在本地使用它们。如果您使用的是Mac，则可以使用MAMP或Windows，如果您使用的是Linux，则可以使用WAMP如果您使用的是Linux，则可能已经知道如何使用通常提供的apache设置本地宿主环境。。。