HTML5 Localstorage JS

/* HTML5 SessionStorage */

//添加数据
function SSsetVal(key,val){
	if(window.sessionStorage){
		//检测用户是否输入键
		if(key=='' || val==''){
			return 0;
		}
		sessionStorage.setItem(key,val);
		alert('数据:'+key+'->'+val+'添加成功');
		return 1;
	}else{
		alert('不支持本地存储');
		return 0;
	}
}
//查询指定数据
function SSgetVal(key){
	//检测用户是否输入键
	if(key==''){
		return 0;
	}
	if(window.sessionStorage){
		return sessionStorage.getItem(key);
	}else{
		return 0;
	}
}
//修改制定数据
function SSchgVal(key,val);
		alert('数据:'+key+'->'+val+'修改成功');
		return 1;
	}else{
		return 0;
	}
}

//删除指定数据
function SSdelVal(key){
	//检测用户是否输入键
	if(key==''){
		return 0;
	}
	if(window.sessionStorage){
		sessionStorage.removeItem(key);
		return 1;
	}else{
		return 0;
	}
}

//遍历所有
function SSgetAll(){
	if(window.sessionStorage){
		//检测是否有数据
		if(sessionStorage.length==0){
			return 0;
		}
		var arrKey = new Array()
		//遍历数据
		for(var i=0;i<sessionStorage.length;i++){
			arrKey[i] = localStorage.key(i);
		}
		return arrKey;
	}else{
		return 0;
	}
}

//总条数
function SSgetAllCount(){
	if(window.sessionStorage){
		//检测是否有数据
		return sessionStorage.length
	}else{
		alert('不支持本地存储');
		return 0;
	}
}

//删除所有
function SSdelAll(){
	if(window.sessionStorage){
		//检测是否有数据
		if(sessionStorage.length==0){
			return 0;
		}
		//循环删除
//		for(var i=0;i<sessionStorage.length;i++){
//			sessionStorage.removeItem(sessionStorage.key(i));
//		}
	 	sessionStorage.clear();
		if(sessionStorage.length==0){
			alert('成功');
			return 1;
		}else return 0;
	}else{
		return 0;
	}
}


 

/* HTML5 LocalStorage */

//添加数据
function LSsetVal(key,val){
	if(window.localStorage){
		//检测用户是否输入键
		if(key=='' || val==''){
			return 0;
		}
		localStorage.setItem(key,val);
		showModel('添加成功');
		return 1;
	}else{
		return 0;
	}
}
//查询指定数据
function LSgetVal(key){
	//检测用户是否输入键
	if(key==''){
		return 0;
	}
	if(window.localStorage){
		if (localStorage.getItem(key)){
			return localStorage.getItem(key);
		}else return 0;
	}else{
		return 0;
	}
}
//修改制定数据
function LSchgVal(key,val);
		return 1;
	}else{
		return 0;
	}
}

//删除指定数据
function LSdelVal(key){
	//检测用户是否输入键
	if(key==''){
		return 0;
	}
	if(window.localStorage){
		localStorage.removeItem(key);
		return 1;
	}else{
		return 0;
	}
}

//遍历所有
function LSgetAll(){
	if(window.localStorage){
		//检测是否有数据
		if(localStorage.length==0){
			//alert('当前购物车中无商品,快去添加吧');
			return 0;
		}
		var arrKey = new Array();
		//遍历数据
		for(var i=0;i<localStorage.length;i++){
			arrKey[i] = localStorage.getItem(localStorage.key(i));
		}
	
		return arrKey;
	}else{
		return 0;
	}
}

//总条数
function LSgetAllCount(){
	if(window.localStorage){
		//检测是否有数据
		return localStorage.length
	}else{
		return 0;
	}
}

//删除所有
function LSdelAll(){
	if(window.localStorage){
		//检测是否有数据
		if(localStorage.length==0){
			//alert('当前localstroge中无数据');
			return 0;
		}
		//循环删除
//		for(var i=0;i<localStorage.length;i++){
//			localStorage.removeItem(localStorage.key(i));
//		}
		localStorage.clear();
		if(localStorage.length==0){
			//alert('数据清除成功');
			return 1;
		}else return 0;
	}else{
		alert('不支持本地存储');
		return 0;
	}
}

相关文章

HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码