localStorage简易使用

HTML5的storage是存储在你的计算机上,网站在页面加载完毕后可以通过Javascript来获取这些数据。在HTML5中,本地存储是一个window的属性,包括localStorage和sessionStorage,前者是一直存在本地的,后者只是伴随着session,窗口一旦关闭就没了。二者用法完全相同,这里以localStorage为例。

  1. localStorage && sessionStorage

    过期时间:localStorage 永久存储,永不失效除非手动删除                 sessionStorage 浏览器重新打开后就消失了大小:每个域名是5M

  2. 使用起来非常简单,这里封装了一个localstorage的存取方法,很实用。

    function store(key,value) {

            //存取操作

            if (value) {

                    localStorage.setItem(nameSpace, JSON.stringify(value));

            }

            return (key && localStorage.getItem(key)) || null;

    }

  3. 获取localstorage的方法。

    var key = JSON.parse(localStorage.getItem(key));

  4. 存储localstorage的方法。

    store(key, value)

  5. 移除localstorage的方法。

    localStorage.removeItem(key);

猜你喜欢

转载自blog.csdn.net/y1535623813/article/details/85071104