HTML5和CSS3核心总结

HTML5和CSS3核心总结

HTML5和CSS3核心总结
HTML 本地存储

cookie和session工作原理

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{
//不支持
}

cookie和session工作原理