您的位置:首页 > Web前端 > HTML5

HTML5客户端(Web)数据存储,localStorage与sessionStorage

2018-01-31 19:02 811 查看


HTML5在客户端存储数据提供了两种新方法:

localStorage - 没有时间限制无限期使用,关闭浏览器之后数据不会被删除。在同源任意窗口中共享

sessionStorage - 有时间限制,当用户关闭浏览器之后数据即被删除。不共享,只在当前窗口中作用

localStorage用法:

//创建localStorage并赋值
localStorage.setItem(name,value);
//或
localStorage.name = value;

//获取localStorage值
var lv1 = localStorage.getItem(name);
//或
var lv2 = localStorage.name;

//删除指定localStorage
localStorage.removeItem(name);

//清除所有localStorage
localStorage.clear();



sessionStorage用法:

//创建sessionStorage并赋值
sessionStorage.setItem(name,value);
//或
sessionStorage.name = value;

//获取sessionStorage值
var sv1 = sessionStorage.getItem(name);
//或
var sv2 = sessionStorage.name;

//删除指定sessionStorage,
sessionStorage.removeItem(name);

//清除所有sessionStorage
sessionStorage.clear();



注:localStorage与sessionStorage取值时,使用getItem方法如果不存在(即没有创建)返回null,localStorage(sessionStorage).name不存在返回undefined
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  HTML5 JS