js系列教程12

全栈工程师开发手册 （作者：栾鹏）

快捷链接：
js系列教程1-数组操作全解
js系列教程2-对象和属性全解
js系列教程3-字符串和正则全解
js系列教程4-函数与参数全解
js系列教程5-容器和算法全解
js系列教程6-BOM操作全解
js系列教程7-DOM操作全解
js系列教程8-事件全解
js系列教程9-表单元素全解
js系列教程10-canvas绘图全解
js系列教程11-json、ajax、comet全解
js系列教程12-离线应用与存储全解

离线应用与客户端存储全解

if(navigator.onLine)  //检测离线还是在线。也可以通过window事件online和offline设置离线或在线。chrome11-即之前的版本始终为true
    printf("当前处于在线状态");
else printf("当前处于离线状态");

//COOKIE集成自定义类。COOKIE会在每次请求绑定网址的时候添加到http头部。
var COOKIEUtil = {
  get:function(name){
      var  COOKIEname = encodeURIComponent(name)+"=",COOKIEstart = document.COOKIE.indexOf(COOKIEname),COOKIEvalue = null;
      if(COOKIEstart>-1){
          var COOKIEend = document.COOKIE.indexOf(";",COOKIEstart);
          if(COOKIEend==-1) COOKIEend = document.COOKIE.length;
          COOKIEvalue = decodeURIComponent(document.COOKIE.substring(COOKIEstart+COOKIEname.length,COOKIEend));
      }
      return COOKIEvalue;
  },
    set:function(name,value,expires,path,domain,sexure){
        var COOKIEtext = encodeURIComponent(name)+"="+encodeURIComponent(value);
        if(expires instanceof  Date) COOKIEtext+="; expires="+expires.toGMTString();
        if(path) COOKIEtext+="; path="+path;
        if(domain) COOKIEtext+="; domain="+domain;
        if(sexure) COOKIEtext+="; secure";
        document.COOKIE = COOKIEtext;
    },
    unset:function(name,path,domain,secure){
        this.set(name,"",new Date(0),path,domain,secure);
    }
};
COOKIEUtil.set("name","luanpeng","/books/projs/","www.example.com",new Date("January 1,2020"));//添加设置
COOKIEUtil.get("name");//读取
COOKIEUtil.unset("name","/books/projs/","www.example.com");  //删除

printf("===========storage存储===========")
//sessionstorage保存到浏览器关闭
 sessionStorage.setItem("name","luanpeng");  //添加设置存储key-value
sessionStorage.age = 12;  //读取设置数据
for(var key in sessionStorage)//key函数迭代属性
    printf(sessionStorage.getItem(key));//getItem读取属性值
delete  sessionStorage.name;
sessionStorage.removeItem("age");


//localstorage同一个对象访问必须域名相同。数据保留至用户删除或清除缓存
localStorage.setItem("name","luanpeng");  //添加设置属性
localStorage.age = 12;  //添加设置
printf(localStorage.getItem("age"));  //读取
printf(localStorage.name);  //读取