localStorage应用

一，概述：它是html5新增的一个本地存储API，所谓localStorage就是一个小仓库的意思，可以在各个页面之间传值的作用。

                  它有5M的大小空间，它仅在客户端（即浏览器）中保存，不参与和服务器的通信，我们可以通过js来操纵。

                  localStorage生命周期是永久，除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。

二，使用：

       1，存值：

$(document).ready(function(){
    //判断浏览器是否支持
    if(!window.localStorage){
        return false;
    }else {
        var storage = window.localStorage;   //获得localStorage
        var XM = $("#XM").val();             
        var SFZH = $("#SF").val();
        storage.setItem("XM",XM);            //键值对方式存值
        storage.setItem("SFZH",SFZH);
	}
});

       2，取值和删除

function initWorkCard(){
    //判断浏览器是否支持
    if(!window.localStorage){
        return false;
    }else {
        var storage = window.localStorage;
        var xm =storage.XM;          //取值
        var sfzh = storage.SFZH;     //取值
	    storage.removeItem("XM");    //删除值
        storage.removeItem("SFZH");  //删除值
    }
}

三，localstorage的浏览器支持情况

IE	Firefox	Opera	Chrome	Safari	iPhone	Android
8.0+	3.0+	10.5+	4.0+	4.0+	2.0+	2.0+