HTML5新增的存储方式、及区别。

HTML5提供了两种新的存储方式：localStorage和sessionStorage。

1. localStorage: 没有时间限制的数据存储

   localStorage是一种没有时间限制的数据存储方式。它可以将数据保存在用户的浏览器中，除非主动删除，否则数据不会过期。

// 存储数据
localStorage.setItem('key', 'value');
// 获取数据
var data = localStorage.getItem('key');
// 删除数据
localStorage.removeItem('key');
// 清除所有数据
localStorage.clear();

2. sessionStorage: 针对一个session的数据存储

   sessionStorage是一种针对一个session的数据存储方式，当用户关闭浏览器窗口后，数据会被删除。

// 存储数据
sessionStorage.setItem('key', 'value');
// 获取数据
var data = sessionStorage.getItem('key');
// 删除数据
sessionStorage.removeItem('key');
// 清除所有数据
sessionStorage.clear();

两者之间的区别在于存储的时间和生命周期不同。localStorage存储的数据没有时间限制，除非主动删除，否则数据不会过期；sessionStorage存储的数据在用户关闭浏览器窗口后将会被清除。