sessionStorage,localStorage-12.22

sessionStorage

1.与cookie的异同
相同之处：都是在特定时间段内保存数据可用
不同之处：

• cookie使用浏览器作为引用
• sessionStorage使用单个窗口作为引用，窗口关闭之后，sessionStorage存储的数据就不能再使用
  2.方法
• 设置数据
  setItem(key,value);
  key :作为存储数据的唯一标识
  value：存储的数据内容
• 根据标识获取数据
  varvalue = getItem（key）;
• 删除指定数据
  removeItem（key）;
• 将存储的所有数据清空
  clear（）
• 根据索引值返回key
  var key = key(index);
  3.属性
  length
  4.在这里可以找到sessionStorage（浏览器F12）

代码示例：
* 需求分析
* 新增：清空textarea元素中的所有内容
* 保存：保存用户输入的内容
* 读取：读取保存的所有数据内容
* 显示在表格中，第一列为单选框
* 修改：指定指定数据内容
* 必须选择一条数据
* 删除：删除指定数据内容
* 必须选择其中一条数据
* 清空：将保存的所有数据删除










添加
保存
读取
修改
删除
清空

localStorage

1.提供的属性和方法与sessionStorage一致
2.storage事件：实现多个窗口之间的数据内容
3.存在问题：数据安全性低
代码示例：将上面代码的sessionStorage改为localStorage即可