本地存储/

  1. 本地存储特性:数据存储在用户浏览器中;设置、读取方便,页面刷新不丢失数据;容量大,sessionStorage约5M、localStorage约20M;只能存储字符串,可以将对象JSON.stringify()编码后存储。
  2. window.sessionStorage:                                                                                                          (1)生命周期为关闭浏览器窗口。                                                                                          (2)在同一个窗口(页面)下数据可以共享。                                                                        (3)以键值对形式存储使用:sessionStorage.setItem(key,value)(存储数据)。                  (4)获取数据:sessionStorage.getItem(key) 。                                                                    (5)删除数据:sessionStorage.removeItem(key)。                                                              (6)清除所有数据:sessionStorage.clear()。
  3. window.localStorage:                                                                                                               (1)生命周期永久生效,除非手动删除,否则关闭页面也会存在。                                       (2)可以多窗口(页面)共享(同一浏览器可以共享)。                                                       (3)可以以键值对形式存储:localStorage.setItem(key,value)(存储数据)。                       (4)获取数据:localStorage.getItem(key)。                                                                           (5)删除数据:localStorage.removeItem(key)。                                                                   (6)删除所有数据:localStorage.clear()。                                                                         

你可能感兴趣的:(js,前端,html,html5)