详解 localStorage 的使用

什么是 localStorage ？

在HTML5中，新加入了一个localStorage特性，这个特性主要是用来作为本地存储来使用的，解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k)，localStorage中一般浏览器支持的是5M大小，这个在不同的浏览器中localStorage会有所不同。

localStorage 的使用

首先在使用 localStorage 的时候，我们需要判断浏览器是否支持localStorage 这个属性

if( !window.localStorage ){
   
	alert("浏览器不支持localstorage");
	return false;
} else {
   
        //主逻辑业务
}

localStorage 的写入：

localStorage 的写入有三种方法，这里就一一介绍一下

if(！window.localStorage){
   
            alert("浏览器不支持localstorage");
            return false;
        }else{
   
            var storage=window.localStorage;
            // 方法1、写入a字段
            storage["a"]=1;
            // 方法2、写入b字段
            storage.b=1;
            // 方法3、写入c字段
            storage.setItem("c",3);
            console.log(typeof storage["a"]);	// string
            console.log(typeof storage["b"]);	// string
            console.log(typeof storage["c"]);	// string