前言本文首先介绍网络存储与cookies的比较，并说明网络存储的优势；然后指出如何使用firebug插件中插入的扩展名firestorage-plus来查看web存储；然后介绍storage的方法和属性，sessionStorage和localStorage的方法和属性继承自storage；最后介绍一下sessionStorage和localStorage。0为什么引入网络存储（相对于Cookie）？cookie不适合存储大量数据（cookie的大小是有限制的），因为每次请求都会向服务器传递cookie（每次请求新页面都会发送cookie），这使得cookie的速度非常慢而且效率不高。网络存储的目的是代替cookies进行大量的本地数据存储。SessionStorage不能用于跨会话存储，可以使用localStorage来弥补。1如何使用firebug查看网络存储？firebug插件的扩展：firestorage-plus：https://addons.mozilla.org/en...相关介绍：http://www.softwareishard.com...firestorage-plus的简单测试：sessionStorage.setItem("name","Nicholas");console.log(sessionStorage.name);在firebug的DOM菜单中找到localStorage和sessionStorage选项，可以查看webstorage，所以给的信息有限。也可以通过firestorage-plus查看：选中某个存储右键，甚至可以编辑。可见这个插件真的是简单好用。2存储方式和属性关于webstorage，只需要了解两个对象：localStorage和sessionStorage，它们都是storage的实例，所以会继承存储方式和属性，包括：clear()：删除所有值；在Firefox中不可用完成。getItem(name)：根据指定的名称name获取对应的值。key(index)：获取索引位置的值的名称。removeItem(name)：移除name指定的名值对。setItem(name,value)：为指定的名称设置一个对应的值。length属性：确定Storage对象中存储了多少个名称-值对。需要注意的是，web中存储的数据类型都是字符串，如果需要其他类型，需要自己转换。3sessionStorage对象sessionStorage对象存储特定于某个会话的数据，即数据只保留到浏览器关闭。这个对象就像一个会话cookie，当浏览器关闭时也会消失。sessionStorage存储的数据可以跨页面刷新存在，如果浏览器支持，在浏览器崩溃重启后仍然可用（Firefox和WebKit都支持，IE不支持）。存储在sessionStorage中的数据只能被对象原来存储数据的页面访问，所以对多页面应用有限制。根据sessionStorage继承storage的方法和属性，可以进行如下操作：//使用方法存储数据sessionStorage.setItem("name","Nicholas");//使用属性存储数据sessionStorage.book=《专业JavaScript》;sessionStorage中有数据时，可以使用getItem()或者直接访问属性名来获取数据。//使用方法读取数据varname=sessionStorage.getItem("name");//使用属性读取数据varbook=sessionStorage.book;也可以结合length属性和key()方法来迭代sessionStorage中的值，如下。sessionStorage.setItem('name','Nicholas');sessionStorage.setItem('age','20');sessionStorage.setItem('height','180cm');for(vari=0,len=sessionStorage.length;i
