HTML5和CSS3核心总结

HTML5和CSS3核心总结

HTML 本地存储

1. 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里所有数据

2. window.sessionStorage - 针对一个 session 来存储数据（当关闭浏览器窗口时数据会丢失）

   方法同上，注意其存储时setItem()中传入的是字符串，有数字等要注意数据类型的转换，并且相同key值下的value新的会替换旧的。

   注意：为了代码的健壮性最好先判断浏览器是否支持

if(window.localStorage&&window.sessionStorage){
//支持
}else{
//不支持
}

cookie和session工作原理