localStorage和sessionStorage都是HTML5新增的Web存储机制,可以方便地通过JavaScript在浏览器中存储数据。两者的差别在于,localStorage存储的数据没有过期时间,而sessionStorage存储的数据在会话结束时会自动清除。
使用localStorage存储数据非常简单,只需要使用setItem方法即可:
localStorage.setItem('key', 'value');
其中,key是存储数据的键,value是存储数据的值。如果需要获取存储的数据,可以使用getItem方法:
var value = localStorage.getItem('key');
如果需要删除存储的数据,可以使用removeItem方法:
localStorage.removeItem('key');
使用sessionStorage存储数据的方法与localStorage相似:
sessionStorage.setItem('key', 'value');
同样地,可以使用getItem和removeItem方法获取和删除存储的数据:
var value = sessionStorage.getItem('key');
sessionStorage.removeItem('key');
需要注意的是,sessionStorage存储的数据在会话结束时会自动清除,所以在关闭浏览器或者标签页后,存储的数据也会被删除。