将本地存储划分为多个部分

Question

现在我在下面设置如下内容

localStorage.setItem("username", "Smith");

我只想在不同的页面中为“用户名”保存不同的值..

那么有什么类似的东西吗？

localStorage[page1].setItem("username", "Smith"); 

Answer 1

您可以将json对象与特定页面关联的数据一起使用，例如

localStorage.setItem("page1", JSON.stringify({username: "Smith"}));
username = JSON.parse(localStorage.getItem("page1"))["username"];

Answer 2

本地存储仅限于存储键/值对。但是，您可以使用不同页面上的用户名值创建一个Json对象，将其字符串化并存储为键/值对。看看Storing Objects in HTML5 localStorage