localStorage只读属性允许你访问一个存储为文档的源对象; 存储的数据跨浏览器会话保存。
与使用cookie相比,localStorage对象提供了一种机制,浏览器可通过该机制以更好的方式存储键/值对。
localStorage与sessionStorage相似,不同之处在于,尽管localStorage中存储的数据没有到期时间,但是页面会话结束时(即页面关闭时),存储在sessionStorage中的数据将被清除。
您可以在我们的HTML5 Web Storage API中了解有关localStorage的更多信息。
window.localStorage
将数据保存到localStorage的语法:
localStorage.setItem("key", "value");
从localStorage 读取数据的语法:
var name = localStorage.getItem("key");
从localStorage 删除数据的语法:
localStorage.removeItem("key");
// Store localStorage.setItem("name", "Parrot"); // Retrieve document.getElementById("demo").innerHTML = localStorage.getItem("name");测试看看‹/›
上面的代码使用name="name"和value="Parrot"创建一个localStorage名称/值对。
然后检索“名称”的值,并将其插入到具有id="demo"的元素中。
名称/值对始终存储为字符串,您可以在需要时将它们转换为另一种格式。
表中的数字指定了完全支持localStorage属性的第一个浏览器版本:
属性 | |||||
localStorage | 4 | 3.5 | 11.5 | 4 | 9 |
返回值: | 一个存储对象,可用于访问当前来源的本地存储空间 |
---|
下面的示例设置本地存储变量,并在每次访问页面时访问该变量:
if (localStorage.hits) { localStorage.hits = Number(localStorage.hits) + 1; } else { localStorage.hits = 1; }测试看看‹/›
您还可以删除localStorage项目:
localStorage.removeItem("hits");测试看看‹/›
窗口(Window)参考:window.sessionStorage属性
HTML教程:HTML5 Web存储API