[Html5]sessionStorage和localStorage常见操作

Posted 2020-08-05 tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了[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常见操作的主要内容，如果未能解决你的问题，请参考以下文章

什么时候应该使用 html5 sessionStorage？

[Html5]sessionStorage和localStorage常见操作

html5的localstorage详解

JavaScript强化教程——sessionStorage和localStorage

JavaScript强化教程——sessionStorage和localStorage

HTML5 使用sessionStorage实现特定页面返回刷新页面