Web Storage

HTML5中的Web Storage包含了两种存储方式sessionStorage和localStorage

1.sessionStorage：本地存储一个会话中的数据，会话（session）结束，数据销毁，因此sessionStorage不是一种持久化得本地存储

2.localStorage：用于持久化得本地存储，除非主动删除数据，否则不会过期

web Storage和cookie的区别：

cookie的大小受限，并且每次请求一个新的页面的时候cookie都会被发送过去，并且还需要指定作用域，不可跨越调用。 web Storage的存储量较大，拥有setItem,getItem,removeItem,clear等方法，而cookie需要开发者自己封装setCookie getcookie。

cookie的作用是与服务器进行交互，作为http规范的一部分存在，而web Storage的作用仅仅是为了本地存储数据而生，ie7+支持web Storage

localStorage和sessionStorage都有setItem,getItem,removeItem,clear等方法

例1：

sessionStorage.setItem('key","val");//存储

var val = sessionStroage.getItem("key")//获取

sessionStorage.removeItem("key");//删除

sessionStorage.clear()//清除所有的key和val

例2：web Storagesw 的点操作和[]操作

var stor = window.localStorage;

stor.key = "xxxxxx";

stor["key"] = "xxxxx";

localStorage和sessionStorage的key和length属性实现遍历

stro = window.localStorage;

for(var i = 0; i++; i<stro.length;){

var key = stor.key(i)l

var val = stor.getItem(key);

console.log(key+"="+val);

}

html5本地存储：web Storage和本地数据库web SQL Database

localStorage是域内安全的，即localStorage是基于域的，任何在该域内的所有页面，都可以访问localStorage数据

sessionStorage和localStorage一样都继承与Storage接口

Storage事件监听：window.addEventListener('storage',showstorageEvent,true）

function showstorageEvent(e){

console.log(e)

}

manifest文件：离线应用包含该文件，此文件记录着哪些资源文件需要离线应用缓存，哪些需要通过网络访问等信息

window.navagator.online属性，可判断当前浏览器是否在线，online属于只读属性，返回的是true和false