首页 > 代码库 > 客户端存储

客户端存储

JavaScript第20章客户端存储:http://www.cnblogs.com/ahthw/p/4340930.html  (localStorage和sessionStorage、cookie、IE userData)

HTML5 localStorage本地存储 笔记                                             

  在HTML5中本地存储属性是一个window属性,包括localStorage和sessionStorage

  if(window.localStorage){

      alert("浏览器支持");     

  }else{

     alert("浏览器不支持");

   }

  HTML5操作使用localStorage:

     1.三种设置本地存储的方法:

         localStorage.t1="php100";

         localStorage["t2"] = "html5";

         localStorage.setItem("t3","jQuery");

     2.三种访问本地存储的方法

        localStotage.t1;

        localStorage["t2"];

        localStorage.getItem("t3");

     3.其他扩展

        localStorage.removeItem(); //清除:eg: localStorage.removeItem("t2");

        localStorage.clear(); //清除所有

        localStorage.length; //获得多少键

        localStorage.key(); //获取存储的键的内容 localStorage.getItem(localStorage.key(0));

移动Web的离线应用                                                                                       

   1.离线与缓存                        

     离线应用,就是在没有网络的情况下访问Web应用程序时,实际上是访问已下载的离线文件资源,并使Web应用程序正常工作

     离线应用与网页缓存都是为了更好地缓存各种文件以提高读取的速度,但两者对网络环境的要求有所区别:

        1.网页缓存依赖于网络的存在,而离线应用在离线状态下任然可用

        2.网页缓存主要缓存当前页面相关内容,也仅限于当前页面的读取。离线应用则主要缓存文件,只要设置缓存文件的页面,都能在离线状态下读取该文件。

     离线设备的支持:

           if(window.applicationCache){

              //浏览器支持离线应用,在此编写离线应用功能

             }

    2.applicationCache 和 manifest      

      HTML5标准提供的离线应用,开发者一般需要注意以下3种特性:

         1.离线资源缓存

           开发者在开发Web应用程序的离线应用时,必须使用一种方案来说明Web应用程序中的哪些文件资源需要在离线状态下工作。

           当设备所在的浏览器处于在线状态时,被指定缓存的资源文件便会缓存到本地。此后,若用户在离线状态时再次访问该Web应用程序,浏览器便会自动加载本地资源文件,让用户能够正常使用该Web应用程序 

          离线应用程序将使用manifest类型的文件作为需要配置缓存资源文件的配置文件。

 

客户端存储