使用localStorage的多个存储

Question

是否可能使用相同的名称可以分别存储许多不同的值并显示在列表中？

例如:

function save()
{
    var inputfield = document.getElementById('field').innerHTML;
    localStorage['justified'] = inputfield;
}

<input type="text" id="field" onclick="save();" />

每当有人在输入字段中输入内容并单击"保存"时,localstorage将仅以相同的名称保存该值,但是,这是否与保存存储的方式相冲突,如是否替换为最新的输入值？

此外,有什么方法可以防止在清除缓存时清除localstorage？

Answer 1

实际上localStorage'应该'能够存储整数,字符串和数组.我一直在使用localStorage处理记事本应用程序,并使用对象文字保存我的所有数据:

var someData = {
    withvars: "and values",
    init: function() {
        // not sure if this works but it should.
    },
    var1: {
        subvar1: "data",
        subvar2: "data2"
    }
};

然后使用JSON.stringify()存储它:

localStorage.setItem(varName, JSON.stringify(someData));

然后使用JSON.parse()访问它:

var dataBack = JSON.parse(localStorage.getItem("varName"));

如果您始终使用对象文字,那么您可以更轻松地跟踪如何存储以及如何从localStorage检索数据.