Storage笔记

发布于 2016-12-09  9.92k 次阅读


Storage本地存储:
它是浏览器缓存的一种,比原来的更先进一些:在HTML5中进行了规范
Storage分为:
loclaStorage:存储在本地计算机,并且永久,除非程序或人为进行删除.
sessionStorage:在会话内有效,浏览器一关,它就被自动清除了.

我们来看一下如何使用Storage:
1.判断使用的浏览器是否支持Storage:
//方法1
if(typeof(Storage) == "undefined"){
alert("浏览器支持它.");
}else{
alert("你的浏览器不支持Storage");
}
//方法2:直接判断是否支持localStorage
if(window.localStorage){
alert("浏览器支持它.");
}else{
alert("你的浏览器不支持Storage");
}
//直接判断是否支持sessionStorage
if(window.sessionStorage){
alert("浏览器支持它.");
}else{
alert("你的浏览器不支持Storage");
}
2.用户操作Storage数据的方式:
1.存入localStorage
//方法1:直接用属性名
window.localStorage.键名 = "值";
//方法2:用setItem
window.localStorage.setItem("键名","值");
//方法3:用数组索引设置
window.localStorage["键名"] = "值";
2.读取localStorage
//方法1:直接用属性名
var 变量名 = window.localStorage.键名;
//方法2:用getItem
var 变量名 = localStorage.getItem("键名");
//方法3:用数组索引设置
var 变量名 = localStorage["键名"];
3.删除localStorage中数据
//***全部清除:删除所有存进去的
window.localStorage.clear();
//属性方式删除
delete localStorage.键名;
//Item方式删除
localStorage.removeItem("键名");
//数组方式删除
delete localStorage["键名"];