HTML5中提供了localStorage对象可以将数据长期保存在客户端，直到人为清除。

      localStorage提供了几个方法:

 存储：localStorage.setItem(key,value)

      如果key存在时，更新value

 获取：localStorage.getItem(key)

      如果key不存在返回null

 删除：localStorage.removeItem(key)

      一旦删除，key对应的数据将会全部删除

 全部清除：localStorage.clear()

      某些时候使用removeItem逐个删除太麻烦，可以使用clear,执行的后果是会清除所有localStorage对象保存的数据

 遍历localStorage存储的key

      .length 数据总量，例：localStorage.length

      .key(index) 获取key，例：var key=localStorage.key(index);

 存储JSON格式数据

      JSON.stringify(data)  将一个对象转换成JSON格式的数据串,返回转换后的串

      JSON.parse(data) 将数据解析成对象，返回解析后的对象

    备注：

      localStorage存数的数据是不能跨浏览器共用的，一个浏览器只能读取各自浏览器的数据,储存空间5M。

window.onload用法详解

网页中的javaScript脚本代码往往需要在文档加载完成后才能够去执行，否则可能导致无法获取对象的情况，为了避免这种情况的发生，可以使用以下两种方式:

一.将脚本代码放在网页的底端，这样在运行脚本代码的时候，可以确保要操作的对象已经加载完成。

二.通过window.onload来执行脚本代码。

第一种方式感觉比较凌乱（其实推荐使用），往往我们需要将脚本代码放在一个更为合适的地方，那么window.onload方式就是一个良好的选择。window.onload是一个事件，当文档加载完成之后就会触发该事件，可以为此事件注册事件处理函数，并将要执行的脚本代码放在事件处理函数中，于是就可以避免获取不到对象的情况。