HTML5和CSS3核心总结
HTML 本地存储
window.localStorage - 存储没有截止日期的数据
存储数据:
- 法1:localStorage.setItem(“key”, “value”);//官方推荐
- 法2:localStorage.key=”value”;
- 法3:localStorage[“key”]=”value”;
取出数据:
- 法1:localStorage.getItem(“key”);//官方推荐
- 法2:localStorage.key;
- 法3:localStorage[“key”];
其他方法:
- key(index) - 返回列表中对应索引的key值
- length() - 返回列表(数据键值对)条数
- removeItem(“key”) - 删除storage中对应key的一条数据
- clear() - 清空storage里所有数据
window.sessionStorage - 针对一个 session 来存储数据(当关闭浏览器窗口时数据会丢失)
方法同上,注意其存储时setItem()中传入的是字符串,有数字等要注意数据类型的转换,并且相同key值下的value新的会替换旧的。
注意:为了代码的健壮性最好先判断浏览器是否支持
if(window.localStorage&&window.sessionStorage){
//支持
}else{
//不支持
}