localstorage用法(localstorage大小限制)

前端这点事 129 0

在HTML5中,有一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cookie中每条cookie的存储空间为4k),localStorage中一般浏览器支持的是5M大小,这个在不同的浏览器中localStorage会有所不同。

1.localstorage:

localStorage的生命周期是永久性的。即使关闭浏览器,数据也不会销毁,存储大小一般为5M,需要主动去销毁,使用方法如下:

           var storage = null;


           if (window.localStorage) { //判断浏览器是否支持localStorage


            storage = window.localStorage;


            storage.setItem("name", "Rick"); //存储


            alert(storage.getItem("name")); //获取


            storage.removeItem("name"); //删除


            storage.clear();//清除所有数据


            storage.length();//查看多少条记录


        }

localstorage用法(localstorage大小限制)

2.sessionStorage

sessionStorage 的生命周期是在浏览器关闭前。在整个浏览器未关闭前,其数据一直都是存在的。

localstorage用法(localstorage大小限制)

      var storage = window.sessionStorage;

        storage.setItem('name', name);

        storage.getItem("name");

        storage.removeItem("name");

        storage.clear();//清除所有数据

        storage.length();//查看多少条记录

发表评论 (已有0条评论)

还木有评论哦,快来抢沙发吧~