首页 > 代码库 > [Html5]sessionStorage和localStorage常见操作

[Html5]sessionStorage和localStorage常见操作

摘要

[Html5]sessionStorage和localStorage的区别

索引

上篇文章简单介绍了它们的区别,已经常见的用法。那我们能通过. 或者类似dic[key]的方式访问吗?答案是当然可以了。

  var local = window.localStorage;    local.name = "wolfy";    local["age"] = 22;    console.log(local.name, local["age"]);

技术分享

遍历key和value

    for (var i = 0; i < local.length; i++) {        var key=local.key(i);        console.log(key, local.getItem(key));    }

技术分享

事件

可以监听localStorage的值的变化。

值的变化或者clear都会触发它的事件。

   if (window.addEventListener) {        if (window.addEventListener) {            window.addEventListener("storage", storageFunc, false);        } else if (window.attachEvent) {            window.attachEvent("onstorage", storageFunc);        } function storageFunc(e) {                     if (!e) { e = window.event; }        }    };    var i = 1;    function storageFunc() {        console.log("chufale")    }

技术分享

[Html5]sessionStorage和localStorage常见操作