localStorage 和 sessionStorage 的用法-优快云博客

本文介绍了Web存储API的基本用法，包括localStorage和sessionStorage的设置、获取、删除等操作，并提供了示例代码。此外还展示了如何使用JSON进行数据的存储与读取。

其实提供的接口很简单，localStorage 和 sessionStorage 的用法是一样的。

设置数据：setItem(name, value)
获取数据：getItem(name)
删除键值：removeItem(name)
删除所有键值：clear()

例如：

localStorage.setItem('name', 'wenzhixin');
localStorage.getItem('name'); //'wenzhixin'
localStorage.removeItem('name');
localStorage.clear();

当然，你也可以使用普通的对象用法：

localStorage.name = 'wenzhixin';
localStorage['name'] = 'wenzhixin';
localStorage.name; //'wenzhixin'
localStorage['name']; //'wenzhixin'
delete localStorage.name;//删除键值
delete localStorage['name'];//删除键值

在实际使用中，会先将数据转换为 JSON，作为字符存储，如：

localStorage[name] = JSON.stringify(value); //存储
JSON.parse(localStorage[name]); //读取



--------------------------------------

if(typeof(Storage)!=="undefined")
{
localStorage.lastname="Smith";
document.getElementById("result").innerHTML="Last name: " + localStorage.lastname;
}
else
{
document.getElementById("result").innerHTML="Sorry, your browser does not support web storage...";
}

转载于:https://www.cnblogs.com/fx2008/p/5331698.html