本地存储localStorage和sessionStorage的区别
2017-06-05 22:49
363 查看
本地存储localStorage和sessionStorage的区别
localStorage和sessionStorage一样都是用来存储客户端临时信息的对象。
他们均只能存储字符串类型的对象(虽然规范中可以存储其他原生类型的对象,但是目前为止没有浏览器对其进行实现)。
localStorage生命周期是永久,这意味着除非用户显示在浏览器提供的UI上清除localStorage信息,否则这些信息将永远存在。
sessionStorage生命周期为当前窗口或标签页,一旦窗口或标签页被永久关闭了,那么所有通过sessionStorage存储的数据也就被清空了。
不同浏览器无法共享localStorage或sessionStorage中的信息。相同浏览器的不同页面间可以共享相同的 localStorage(页面属于相同域名和端口),但是不同页面或标签页间无法共享sessionStorage的信息。这里需要注意的是,页面及标 签页仅指顶级窗口,如果一个标签页包含多个iframe标签且他们属于同源页面,那么他们之间是可以共享sessionStorage的。
localStorage和sessionStorage对象都是主要有两种方法:
保存数据:localStorage/sessionStorage.setItem(Key, value);
读取数据:localStorage/sessionStorage.getItem(Key);
Key:表示你要存入的键名称,此名称可以随便命名,可以按照变量的意思来理解。
Value:表示值,也就是你要存入Key中的值,可以按照变量赋值来理解。
使用方法:
保存数据:localStorage/sessionStorage.setItem("website", "W3Cfuns.com");
读取数据:localStorage/sessionStorage.getItem("website");
删除locationStorage存储信息的方法:
localStorage.removeItem("key");//删除名称为“key”的信息。
localStorage.clear();//清空localStorage中所有信息
相关文章推荐
- H5本地存储sessionStorage和localStorage的区别
- H5本地存储sessionStorage和localStorage的区别
- HTML5 LocalStorage本地存储和sessionStorage使用
- HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理
- html5本地存储-sessionStorage,localStorage的使用
- html本地存储localStorage和sessionStorage存对象
- HTML5 本地存储 localStorage、sessionStorage 的遍历、存储大小限制处理
- 本地存储(localStorage、sessionStorage、web Database)
- HTML5 LocalStorage本地存储和sessionStorage使用
- HTML5 本地存储(localStorage)、会话存储(sessionStorage)和 Cookie 的区分
- JS操作cookie以及本地存储(sessionStorage 和 localStorage )
- LocalStorage本地存储和sessionStorage会话存储
- html5的本地存储localStorage和sessionStorage
- web的本地存储技术cookie,localStorage,sessionStorage
- 学习html5本地存储localStorage,sessionStorage
- HTML5本地存储localStorage、sessionStorage及IE专属UserData
- HTML本地存储localstorage和sessionstorage
- web本地存储localStorage 和sessionStorage
- 本地存储Cookie、localStorage、sessionStorage
- 关于HTML5本地缓存技术LocalStorage 本地存储 和 SessionStorage