HTML5 Storage基础

1、判断设备是否支持

if(window.localStorage){
			document.write("localStorage" + "<br/>");
		}
		if(window.sessionStorage){
			document.write("sessionStorage" + "<br/>");
		}

2、接口源码

interface Storage {
			readonly attribute unsigned long length;
			DOMString? key(in unsigned long index);
			getter DOMString getItem(in DOMString key);
			setter creator void setItem(in DOMString key,in DOMString value);
			deleter void removeItem(in DOMString key);
			void clear();
		}

3、实际操作

if(window.localStorage){
			document.writeln("localStorage");
			localStorage.setItem("name","非一般的黑客");
			var namevalue = localStorage.getItem("name");
			document.writeln(namevalue);
			document.writeln(localStorage.key(1));  //输出"name"
			document.writeln(localStorage.length);   //3 有以前的数据
			//删除指定key为"name"的item
			localStorage.removeItem("name");
			document.writeln(localStorage.length);  //2
			//删除localStorage所有key/value键值对 items
			localStorage.clear();
			document.writeln(localStorage.length);   //0
		}

摘录自《HTML5移动开发指南》 唐俊开