网页开发之localStorage与sessionStorage

localStorage与sessionStorage两者的区别在于存储的有效期和作用域的不同：数据可以存储多长时间以及谁拥有数据的访问权。

通过localStorage存储的数据是永久性的，除非Web应用可以删除存储的数据，或者用户通过设置浏览器配置来删除，否则数据将移植保留在用户电脑上。localStorage的作用域是限定在文档源级别的，文档源是通过协议、主机名和端口三者来确定的。同源文档间共享同样的localStorage数据，非同源文档间则不能读取或者覆盖对方的数据。这里需要注意的是：localStorage的作用域也受浏览器供应商限制。

sessionStorage存储的数据有效期和存储数据的脚本所在的最顶层的窗口或者浏览器标签页是一样的。一旦窗口或者标签页永久关闭，那么所有通过sessionStorage存储的数据也都被删除了。sessionStorage的作用域也被限定在文档源中，除此之外，sessionStorage的作用域还被限定在窗口中。如果同源的文档渲染在不同的浏览器标签页中，那么他们之间也无法共享sessionStorage数据。

注意：localStorage和存储事件都是采用广播机制的，浏览器会对目前正在访问同样站点的所有窗口发送消息。