HTML5本地存储

本地存储 localStoage sessionStorage
        1,兼容性
            火狐3.6谷歌5.0 safari4 0pera10
            这些浏览器都支持,API基本都一致,存在少许出入不影响使用
        2,存储量
            cookie 4k
            5m左右
        3,安全性
            cookie:在向后台发送http请求是.cookie的内容会包裹在请求头中发送后台
            l & s : 不会放进请求头,可以节省大量的带宽,缩短请求时间,更加安全
        4,区别
            cookie:存储麻烦,没有固定的api,需要后台帮忙设置
            操作麻烦,不安全,费流量,一无是处
            localStorage:没有时间限制,用不过去,除非主动删除,数据可跨窗口使用,无视当前
            会话sessionStorage:在任何页面都可以存储信息,但是仅仅在当前页面有用,每个页面
            储存的信息是独立拥有的,其他页面不能访问,一旦当前页面关闭,存储的信息全部删除
        5,语法(API)
            localStorage.setItem(k,v) 设置
            localStorage.getItem(k) 获取
            localStorage.removeItem(k) 删除
            localStorage.clear() 清空所有
            localStorage.k = v 修改数据
            localStorage.length
            获取所有键值对的数量
            localStorage.key(n) 获取第n个键值对
            sessionStorage与localStorage的语法一样
        6,storage 事件
            当同源的localStorage有所改变时,会触发这个事件,必须在同一个服务器下
            运行事件对象event中存了一些东西:
                    event.key.oldValue 任意类型,
                    被修改数据修改前的值,
                    如果是增加数据,
                    那么这个值是null
                    event.newValue
                    任意类型,数据修改后的值
                    event.url
                    字符串,修改数据的网页的url