2、 Web Storage 2.1 session Storage ■创建数据项,存储结构化数据。使用JS0N. stringify o方法将复杂的JS0N数据对象 转换为字符串,再用 setter0方法保存到本地。 ∥存储结构化数据 function save StructuredDatao( var studentcourse=【 " courseNum:","name".高散数学" " courseNum:"1,"name":高级语言程序设计" " course Num:"2,"name.算法与数据结构”} t" course Num":"3,"name".编译技术" t" course Nur:"4","name"软件工程” t" courseN-:"5,"name.软件文档规范与标准" session Storage. setltemccourseList', JSON. stringify ( studentcourse))
2、Web Storage 2.1 sessionStorage 创建数据项，存储结构化数据。使用JSON.stringify()方法将复杂的JSON数据对象 转换为字符串，再用setItem()方法保存到本地
2、 Web Storage 2.1 session Storage 读取数据 ■读取 sessionStorage数据使用 getItem0方法、keyO方法和 length属性,使用以及 效果演示如下所示。 使用 length属性获取当前数据项数目。 alert(session Storage length), 使用keyO方法输出指定编号数据项的键名称。 alert(session Storage key(o) alert(session Storage key(1)
2、Web Storage 2.1 sessionStorage 读取数据 读取sessionStorage数据使用getItem()方法、key()方法和length属性，使用以及 效果演示如下所示。 使用length属性获取当前数据项数目。 使用key()方法输出指定编号数据项的键名称
2、 Web Storage 2.1 session Storage 使用 getItem(方法输出数据项的值。 alert(session Storage getitem("course")) alert(session Storage. getltem( sdudentinfo )) 控制台执行上述代码,依次输出已添加的两个数据项的值 前端技术开发与实践 tcourseNum:"o""name"学号 tcourseNun""1""name:“姓名 fcourseNum":"2",name:性别" courseNum":"3,"name""专业 TcourseNun"4";"name":"web前端开发"} courseNum"5""name":"操作系统", tcourseNum":"6"name"网络r" courseNum"T";"name"数据库
2、Web Storage 2.1 sessionStorage 使用getItem()方法输出数据项的值。 控制台执行上述代码，依次输出已添加的两个数据项的值：
2、 Web Storage 2.1 session Storage 删除数据 删除 sessionStorage采用 removeltem0方法和 clear0方法,具体如下所示。 调用 removeItemo方法删除一个数据项,并输出 sessionStorage数据项数目和第一 项的内容。 sessionStorage. removeltem( course") alert (session Storage length) alert(session Storage, key(o) 调用 clear0方法清空 sessionStorage数据项列表,并输出结果。 session Storage. clear alert(session Storage length
2、Web Storage 2.1 sessionStorage 删除数据 删除sessionStorage采用removeItem()方法和clear()方法，具体如下所示。 调用removeItem()方法删除一个数据项，并输出sessionStorage数据项数目和第一 项的内容。 调用clear()方法清空sessionStorage数据项列表，并输出结果
2、 Web Storage 2.2 localStorage 数据存储的实现 localStorage是 Storage对象的一个实例,对应 windows对象 localStorage属性。 W3C组织为1 ocalStorage制定的接囗定义如下所示。 [NoInterfaceobject interface WindowLocalstorage readonly attribute storage localstorage Window implements windowLocalStorage
2、Web Storage 2.2 localStorage 数据存储的实现 localStorage是Storage对象的一个实例，对应windows对象localStorage属性。 W3C组织为localStorage制定的接口定义如下所示