HTML5本地存储localStorage,sessionStorage

HTML5新特性,用于本地存储,

 localStorage:不删除会一直存在斯基

sessionStorage:浏览器关掉,就跪了

/**
 * H5:数据存储方式,可以携带用户信息id
 *  
 * 注意:
 *   此方法存文件为key,value方式
 *   注意key不要重复
 * 
 *本地存储使用方法:
 * storage.setItem("name", "Rick"); //调用setItem方法,存储数据
 * alert(storage.getItem("name")); //调用getItem方法,弹框显示 name 为 Rick
 * storage.removeItem("name"); //调用removeItem方法,移除数据
 * alert(storage.getItem("name")); //调用getItem方法,弹框显示 name 为 null
 * 
 */
var storage = null;
if (window.localStorage) { //判断浏览器是否支持localStorage
	storage = window.localStorage;
}

function StrIsNotEmpt(str) {
	let strflag = true;
	if (str == "" || str == undefined || str == null) {
		strflag = false;
	}
	return strflag;
}
// var sessionStorage = null;
// if(window.sessionStorage) {
//  sessionStorage = window.sessionStorage;
// }

 

对象测试:

// localStorage.setItem("name", "123");
// var name = localStorage.getItem("name");
// console.log(name);
// localStorage.removeItem("name");
// localStorage.clear(); //清空

// var userData = {
// 	name: "三哥",
// 	age: 18
// }

// localStorage.setItem("userData", JSON.stringify(userData));
// var userData = JSON.parse(localStorage.getItem("userData"));
// userData.name = "123";
// localStorage.setItem("userData", JSON.stringify(userData)); //数据更新
// console.log(userData);
// console.log(localStorage.getItem("userData"));

// var people = new Object();
// people.name = "张三";
// people.age = 10;
// people.saly = 10000;
// console.log("people:" + JSON.stringify(people));

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值