localStorage使用总结

1：localStorage的写入

这里有三种方法写入：

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

2：localStorage的读取localStorage只支持string类型的存储。

if(!window.localStorage){
            alert("浏览器支持localstorage");
        }else{
            var storage=window.localStorage;
            //写入a字段
            storage["a"]=1;
            //写入b字段
            storage.a=1;
            //写入c字段
            storage.setItem("c",3);
            console.log(typeof storage["a"]);
            console.log(typeof storage["b"]);
            console.log(typeof storage["c"]);
            //第一种方法读取
            var a=storage.a;
            console.log(a);
            //第二种方法读取
            var b=storage["b"];
            console.log(b);
            //第三种方法读取
            var c=storage.getItem("c");
            console.log(c);
        }

一般我们会将JSON存入localStorage中，但是在localStorage会自动将localStorage转换成为字符串形式

这个时候我们可以使用JSON.stringify()这个方法，来将JSON转换成为JSON字符串

if(!window.localStorage){
            alert("浏览器支持localstorage");
        }else{
            var storage=window.localStorage;
            var data={
                name:'xiecanyong',
                sex:'man',
                hobby:'program'
            };
            var d=JSON.stringify(data);
            storage.setItem("data",d);
            console.log(storage.data);
        }

例子:

var temp;
			$(function(){
				temp = initUrlParams(window.location.href,"temptime");
				initHTML(temp);
			});
			function initHTML(temp){
				var row = window.localStorage.getItem(temp);
				if(row!=undefined&&row!=''){
					row = JSON.parse(row);
					$("#doctorname").val(row.REAL_NAME);
					$("#profession").val(row.profession);
					$("#userId").val(row.USER_ID);
				}
			}
	

function updateHelp(index){
				var row = $('#helpTable').bootstrapTable('getData')[index];
				if(row) {
					var temptime = (new Date()).valueOf();
					window.localStorage.setItem(temptime, JSON.stringify(row));
					window.location.href="updateBanner.html?temptime="+temptime;
				}	


/**
 * 获取URL中的参数值
 * 第一种方法(比较死板，只能单参数获取)
 * @param {Object} url
 * @param {Object} paramName
 */
function initUrlParams(url, paramName) {
	if(url != '' && url != undefined && url.indexOf("?") != -1) {
		var str = url.substr(url.lastIndexOf("?") + 1);
		strs = str.split("&");
		if(strs.length > 0) {
			var var_num = strs.length;
			var paramValue = '';
			for(var i = 0; i< var_num;i++) {
				var var_temp = strs[i].split("=");
				if(var_temp[0] == paramName) {
					paramValue = decodeURI(var_temp[1].replace("#", ""));
				}
			}
			return paramValue;
		}
	}
}