JS学习笔记——sessionStorage、localStorage

简介

sessionStorage、localStorage是HTML5中提出的本地化存储方案，相比cookie小容量的限制，这两个都有5MB左右的大容量。这两者的使用方式一样，只在存储期限上不一样，以键值对的形式存储数据，value只能是字符串。

// Save data to sessionStorage
sessionStorage.setItem('key', 'value');

// Get saved data from sessionStorage
// 也可以通过点运算符(.)或者方括号([])进行访问
var data = sessionStorage.getItem('key');

// Remove saved data from sessionStorage
sessionStorage.removeItem('key');

// Remove all saved data from sessionStorage
sessionStorage.clear();

区别

sessionStorage的使用范围被限定在一个网页，生存期就是该网页的生存期，相同浏览器的另一个网页不能使用sessionStorage。
localStorage的使用范围是同源范围内，生存期是永久的。
sessionStorage、localStorage都遵循同源策略。