android - 在 hmtl5 中使用 localstorage 来存储动态创建的 div 而不使用数据库

Question

我正在尝试使用 Html5 css3 jquery、jquery mobile phonegap 和 Dreamweaver cs6 开发一个 Web 应用程序（混合应用程序）。

在我的应用程序中，我有三个带有不同选项的选择框和一个按钮。当用户在选择所有三个选择框的选项后单击按钮时，将创建一个 div。到这里还不错，但是一旦应用程序被刷新或移动到另一个页面，我就会失去创建的 div。这个应用程序是一个演示应用程序，所以我没有使用任何数据库。有没有一种方法可以使用本地存储来保存这个 div，这样当我回到应用程序时我可以检索。

Answer 1

你当然可以

保存

if (('localStorage' in window) && window['localStorage'] !== null) {
        var divtosave = $("#divtosave").html();
        localStorage.setItem('saveddiv', divtosave);
});

用它

if ('saveddiv' in localStorage) {
        $("#div").html(localStorage.getItem('saveddiv'));
}

清除它

localStorage.clear(); //release it