Javascript 如何保存我的html5应用程序进度?

Javascript 如何保存我的html5应用程序进度?,javascript,html,Javascript,Html,我为在汽车陈列室工作的朋友写了一份申请书。他需要某种程序,使用excel之类的表格记录进出车辆的详细信息和内容,所以我使用JavaScript实现了这一点 问题是,每次关闭或刷新浏览器时,插入的所有表都会消失。当他在本地重新打开应用程序时,我该怎么做,用什么使一切保持不变 是cookies还是HTML5应用程序缓存,还是我到处找都没找到答案的东西。我没有任何可以使用的服务器或数据库。您可以使用以下任何一种: 无多填料 存储数据cookie、WebSQL等的方法有很多,这实际上是一个偏好问题;每种

我为在汽车陈列室工作的朋友写了一份申请书。他需要某种程序,使用excel之类的表格记录进出车辆的详细信息和内容,所以我使用JavaScript实现了这一点

问题是,每次关闭或刷新浏览器时,插入的所有表都会消失。当他在本地重新打开应用程序时,我该怎么做,用什么使一切保持不变


是cookies还是HTML5应用程序缓存,还是我到处找都没找到答案的东西。我没有任何可以使用的服务器或数据库。

您可以使用以下任何一种:

无多填料
存储数据cookie、WebSQL等的方法有很多,这实际上是一个偏好问题;每种方法都有其优缺点。例如,如果您只存储少量数据,并且需要跨浏览器兼容性,那么Cookie可能是最佳选择;相反,如果您正在存储大量数据,可能会超过20MB的限制,那么IndexDB或上面的某个polyfill库将是一个很好的选择。请注意,大多数库都通过巧妙的破解来避免20MB的限制。

您可以使用localStorage对象

localStorage对象存储的数据没有过期日期。关闭浏览器时,数据不会被删除,并将在第二天、第二周或第二年可用

 // Store
localStorage.setItem("lastname", "Smith");
// Retrieve
var userLastName = localStorage.getItem("lastname");

对于HTML5的存储,您有一些选择:最好使用需要服务器端代码才能与之交互的数据库。最简单的短期解决方案是使用。这里有一个片段让你开始:你只需要几行代码就可以做到,为什么要使用库呢?jquerystore实际上告诉您在查看自述文件时不要再使用它。