码迷,mamicode.com
首页 > 其他好文 > 详细

localStorage 和 sessionStorage 的用法

时间:2016-03-29 10:11:32      阅读:159      评论:0      收藏:0      [点我收藏+]

标签:

其实提供的接口很简单,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...";
}

 

localStorage 和 sessionStorage 的用法

标签:

原文地址:http://www.cnblogs.com/fx2008/p/5331698.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!