localStorage和sessionStorage存储有什么相同点和不同点?
时间: 2024-04-20 15:21:22 浏览: 86
JS 中LocalStorage和SessionStorage的使用
localStorage和sessionStorage是HTML5提供的两种客户端存储方式,它们都可以在浏览器端存储数据,但有一些相同点和不同点。
相同点:
1. 存储位置:localStorage和sessionStorage都是存储在浏览器端,不会发送给服务器。
2. 存储容量:它们的存储容量都比传统的cookie更大,一般为5MB。
3. 存储方式:它们都使用键值对的方式进行数据存储。
不同点:
1. 生命周期:localStorage的数据在浏览器关闭后仍然存在,除非主动删除或清除缓存;而sessionStorage的数据只在当前会话(浏览器窗口关闭前)有效,关闭窗口后数据会被清除。
2. 共享性:localStorage的数据在同一个域名下的不同窗口、标签页之间是共享的;而sessionStorage的数据只在同一个窗口或标签页中共享。
3. 数据访问权限:localStorage的数据可以被所有同源页面访问;而sessionStorage的数据只能被创建它的页面访问。
4. 存储时效性:localStorage没有过期时间,除非手动删除;而sessionStorage的数据在页面关闭后会自动清除。
阅读全文