## Web Storage Storage接口用于在浏览器客户端中存储用户自定义的信息。 有几种存储形式: * LocalStorage:永久的存储在浏览器中,但是要注意,在不同的浏览器中间数据是不能共享的。 * SessionStorage:当前页面会话基本的存储,当浏览器关闭或页面关闭时,数据就会丢失。 * GlobalStorage:HTML5中被localStorage代替。 > 为了能访问到同一个localStorage对象,页面必须来自同一个域名,使用同一种协议,在同一个端口上。 > 我们只介绍localStorage的相关用法。 ### 1.LocalStorage接口的方法 1. localStorage.setItem(key,value):用于将key-value键值对的方式插入localStorage中。 2. localStorage.getItem(key):读取key的localStorage字符串值。 3. localStorage.removeItem(key):删除localStorage中key。 4. localStorage.clear():清空localStorage所有key。 5. 需要注意的是:在localStorage中只能存储字符串类型的数据。 6. key():在指定的数字位置获取该位置的名字。 ~~~javascript //使用方法来存储数据 localStorage.setItem('name','Bizzbee'); //用属性设值 localStorage.username = "bizzbee"; console.log(localStorage); console.log(localStorage.getItem('username')); console.log(localStorage.name); ~~~