localstorage与sessionstorage

它们的语法都一样,仅仅是一个存储在本地文件系统中,另一个存储在内
存中(随着浏览器的关闭而消失),其语句如下:

localStorage.setItem("a", "xxxxxxxxxxxxxxx"); // 设置
localStorage.getItem("a"); // 获取 a 的值
localStorage.removeItem("a"); // 删除 a 的值

注意,localStorage 无法跨浏览器存在,但是没有时效性限制,除非用户主动删除,否则会一直存在本地。
建议对身份验证数据不要使用 localStorage 进行存储。

localstorage的作用:
1.本地存储
2.跨标签页通信
要求:同源
如http://lkj.test.com/a/pagea.html和http://lkj.test.com/b/pageb.html可以跨标签通信

// pagea.html
localStorage.setItem('test', 'a');
window.onstorage =  function(){
    console.log('pagea--storage change');
};
// pageb.html
window.onstorage =  function(){
    console.log('pageb--storage change');
};

输出pagea–storage change.
原因:
同一窗口下不会触发事件,当打开新的窗口或者标签,才会触发 Storage Event。
由此,我们可以知道,storage 事件主要是用于监听 localStorage 数据改变时,通知其他窗口或者标签。

此条目发表在JavaScript分类目录。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已用*标注