原生js--客户端存储的种类
来源:互联网 发布:吉诺比利十大诡异数据 编辑:程序博客网 时间:2024/04/28 06:19
客户端存储遵循同源策略,不同的站点页面之间不可以相互读取对方的数据,但同一站点的不同页面之间可以共享存储的数据
客户端存储的种类:
1、web存储
localStorage、sessionStorage
2、cookie
3、userData(IE)
4、web数据库(尚未标准化)
索引数据库API(indexed Database API)
5、文件系统API
用于将文件通过XHR上传到服务器
主要看了localStorage和sessionStorage
区别:
1、存储的有效期。localStorage为永久存储,除非用户手动删除;sessionStorage为会话存储,页面关闭之后就消失。
2、作用域:localStorage限定在文件源的级别,只要是同源的页面,都可以共享数据;sessionStorage只能再窗口级别共享数据(窗口为顶级窗口,顶级窗口和子窗口之间可以共享sessionStorage的数据)。
API:
setItem(“x”, 1)// 设置
getItem(“x”)// 获取
remoItem(“x”)// 删除
clear()// 删除全部
key(i) // 获取第i个数据的key
存储事件:
使用localStorage存储数据时,在当前页面存储,会在其他同源页面中触发存储事件(只有存储数据真正发生变化时才会被触发)
注册存储事件可以使用addEventListener或attachEvent的方法(绝大多数浏览器还可以使用onstorage的方法,但firefox不支持)
事件对象:(IE8不支持)
key // 被设置或移除的项的键,如果是调用的clear,则该值为null
newValue // 保存该项的新值,如果是删除,则该值为null
oldValue // 改变之前的值,如果是新项,则该值为null
storageArea // localStorage、sessionStorage等
url // 触发该存储事件的文档url
- 原生js--客户端存储的种类
- 存储过程的种类:
- 存储过程的种类
- 原生Js的bind
- 原生JS的ajax
- 原生JS的封装
- 原生的js选择器
- js的事件及其种类
- 互联网日志的种类、存储和计算
- js原生的订阅模式
- js原生选择器的兼容性
- js原生的ajax写法
- 原生JS的事件绑定
- 原生js的ajax请求
- 原生js轮播图的实现
- 原生js的日期计算器
- 原生JS的Ajax方法
- 原生js实现的class
- 菜单栏UITabBarController
- 代码篇C#网络编程之局域网聊天
- Leetcode: Simplify Path
- FTP传输Port模式和 Passive模式
- Ubuntu 14.04风扇不停转,风扇狂转 的解决办法,亲测有效。
- 原生js--客户端存储的种类
- 代码篇C#网络编程之回调
- LeetCode_pascals-triangle-ii
- 【开发环境】vs2008下实时语法分析的波浪线提示功能
- 代码篇C#网络编程之tcp同步客户端
- mac git
- 15级新同学风面会
- C++ map使用详解
- 代码篇C#网络编程之tcp异步客户端