HTML5 Storage基础

来源：互联网发布：mac 网站编辑编辑：程序博客网时间：2024/06/08 16:20

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"的itemlocalStorage.removeItem("name");document.writeln(localStorage.length);  //2//删除localStorage所有key/value键值对 itemslocalStorage.clear();document.writeln(localStorage.length);   //0}

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

阅读全文

0 0