localStorage属性允许在浏览器中存储 key/value 对的数据。有点类似于Cookie。
一、LocalStorage 语法
创建/存入数据
window.localStorage.setItem('key', 'value');
读取数据
window.localStorage.getItem('key')
清除某个键名对应的键值
localStorage.removeItem('key');
清除所有保存的数据
window.localStorage.clear()
localStorage.key()接受一个整数作为参数(从零开始),返回该位置对应的键值。
localStorage.key(0)
二、LocalStorage 示例
使用 localStorage 创建一个本地存储的 key/value 对,key="lastname" value="Smith", 然后检索 "lastname" 的值,并插入到 id="result" 的元素上:
<script>
// 判断浏览器是否支持
if (typeof(Storage) !== "undefined") {
// 存储
localStorage.setItem("lastname", "Smith");
// 检索
document.getElementById("result").innerHTML = localStorage.getItem("lastname");
} else {
document.getElementById("result").innerHTML = "抱歉,您的浏览器不支持localStorage存储...";
}
</script>