本地存储localStorage(本地存储)

  • A+
所属分类:Web前端
摘要

HTML5新方法,不过IE8及以上浏览器都兼容。特点
生命周期:持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
存储的信息在同一域中是共享的。
当本页操作(新增、修改、删除)了localStorage的时候,本页面不会触发storage事件,但是别的页面会触发storage事件。
大小:据说是5M(跟浏览器厂商有关系)
在非IE下的浏览中可以本地打开。IE浏览器要在服务器中打开。
localStorage本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡
localStorage受同源策略的限制
设置
localStorage.setItem(‘username’,’cfangxu’);

HTML5新方法,不过IE8及以上浏览器都兼容。

特点
生命周期:持久化的本地存储,除非主动删除数据,否则数据是永远不会过期的。
存储的信息在同一域中是共享的。
当本页操作(新增、修改、删除)了localStorage的时候,本页面不会触发storage事件,但是别的页面会触发storage事件。
大小:据说是5M(跟浏览器厂商有关系)
在非IE下的浏览中可以本地打开。IE浏览器要在服务器中打开。
localStorage本质上是对字符串的读取,如果存储内容多的话会消耗内存空间,会导致页面变卡
localStorage受同源策略的限制
设置
localStorage.setItem('username','cfangxu');

获取
localStorage.getItem('username')
也可以获取键名
localStorage.key(0) #获取第一个键名

删除
localStorage.removeItem('username')
也可以一次性清除所有存储
localStorage.clear()