web Storage之简单学习

Web Storage将原来必须保存在服务端数据库中的内容现在可以直接保存在客户端本地了，这不仅可以减轻了服务器数据访问的负担，同时也提高了数据的访问速度。访问本地的数据肯定比访问服务器快的多。cookie也可以在客户端报错数据，但保存数据大小只有4k。web storage可以达到5M。下面，我们通过示例来了解Web Storage。

一、localStorage

1、localStorage.setItem(key, value); // sava data

2、localStorage.getItem(key); // get data

example:

localStorage.setItem('name', 'mayan');

console.log(localStorage.getItem('name')); // mayan

二、sessionStorage

1、sessionStorage.setItem(key, value); // save data

2、sessionStorage.getItem(key); // get data

example:

sessionStorage.setItem('age', 24);

console.log(sessionStorage.getItem('age')); // 24

注：chrome, firefox, opera。测试通过，ie8及以下不支持。ie9+尚未测试。有兴趣的同学可以帮忙测试下，感谢~