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){
	if(window.sessionStorage){
		//检测用户是否输入键
		if(key=='' || val==''){
			return 0;
		}
		sessionStorage.setItem(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){
	if(window.localStorage){
		//检测用户是否输入键
		if(key=='' || val==''){
			return 0;
		}
		localStorage.setItem(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;
	}
}

版权声明:本文为博主原创文章,未经博主允许不得转载。

时间: 2024-10-27 12:23:29

HTML5 Localstorage JS的相关文章

HTML5 localStorage本地存储实际应用举例

HTML5 localStorage本地存储实际应用举例 by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1952 一.引言 HTML5虽未来到其鼎盛时期,但这并不妨碍我们在实际项目中渐进使用HTML5的一些特性.就我所做的项目而言,应用的HTML5相关特性有:data-自定义属性.placeholder.以及email类型input文本框.上周新上线的会员中心,自己又

一个利用HTML5 localStorage功能的todo应用(angularJs+Bootstrap)

今天在网上看到一个简单的todo应用,使用angularJs做前端数据绑定,利用localStorage来存储数据,觉得挺有意思的. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html ng-app="todoApp"> <head> <me

localStorage存值取值以及存取JSON,以及基于html5 localStorage的购物车

http://blog.csdn.net/u013267266/article/details/51530611 localStorage.setItem("key","value");//存储变量名为key,值为value的变量 localStorage.key = "value"//存储变量名为key,值为value的变量 localStorage.getItem("key");//获取存储的变量key的值www.it16

Smarge——基于HTML5 localStorage的key-value缓存框架

缓存是任何一个Web程序都需要重视的内容.受到Redis的启发,我想到开发一个基于HTML5 localStorage的key-value缓存框架,做了一些尝试之后,便有了Smarge这样一个产物. 大家都知道,HTML5的localStorage没有超时的机制,也不能存储数组和对象等类型,更没有命令空间等思想. 这些问题,在Smarge中都得到了解决. 项目地址:https://git.oschina.net/jiusem/Smarge.git 说明:Smarge1.0.js是完整的源代码,以

HTML5 LocalStorage Demo

<!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" /><title>HTML5 LocalStorage Demo</title> <style type="text/css">* {line-heig

Html5之高级-7 HTML5 Chart.js(概述、入门、使用)

一.Chart.js 概述 Chart.js 简介 - Chart.js 是一个简单.面向对象.为设计者和开发者准备的图表绘制工具库 - 官方地址: http://www.chartjs.org/ Chart.js 特点 - 基于 HTML 5 - Chart.js 基于 HTML5 canvas技术,支持所有现代浏览器,并且针对IE7/8提供了降级替代方案 - 简单.灵活 - Chart.js 不依赖任何外部工具库,轻量级(压缩之后仅有4.5k),并且提供了加载外部参数的方法 Chart.js

前端学习笔记--16/5~22/5 jQuery,HTML5+CSS3+JS 简易微信贺卡开发

先写一下上周的总结,基本上没有偷懒,每天都有认真学习前端知识.但是有一点目标不清晰.我上周订下来的计划只完成了50%,即是只完成了坐H5+CSS3+JS的小demo.imooc上的jQuery练习并没有完成,而且还差不少. 周六去了一天潜江吃大虾,不过作为弥补,星期天一整天又把缺的时间补回来了. 至于健身,上周属于间隔期,不过在周日这些计划也都重新启动了.到今天也已经完成了执行. 下面来单步跟踪一下每天学的只是吧. 5.16 jQuery使用each()方法遍历元素. 语法: $(selecto

使用HTML5的JS选择器操作页面中的元素

上一篇文章介绍了HTML5新增的JavaScript选择器,今晚正式实践一下,使用HTML5的JS选择器操作页面中的元素. 文件命名为:querySelector.html,可在Chrome浏览器中预览效果. 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>使用HTML5的JS选择器操作页面中的元

MiracleSnow网页设计HTML5+CSS3+JS全套视频教程

终于把这套课程讲完了,虽然时间隔了很长,但也算有始有终了,这是在YY讲课中我自己录的,讲了网页设计的基础,这也是我第一次给那么多人讲课,讲的不好多多包涵. 前几次视频和课件是分开的,后几次都打包在一起了,由于第三章是教使用Dreamweaver,而我建议开始学的时候使用文本编辑器,因此就没讲这章,等学完基础,相信你们能够自己摸索Dreamweaver的使用. 视频:第一.二章网页设计语言基础(1):http://yun.baidu.com/s/1sjz2VEX第二章网页设计语言基础(2):htt