浏览器本地存储主要使用的是sessionStorage和localStorage。两者都支持,sessionStorage保存的是浏览器和服务器的一次对话
信息,只在一次回话中有效。当在新标签页或新窗口打开时,数据就无法使用;localStorage的持续范围超过当前会话,浏览器关
闭再打开时,数据依然有效,具体含义解释可参考 https://segmentfault.com/a/1190000002701423
因为都使用的是键值对模式存储,所以如果存储对象,首先将对象转换成JSON字符再存储
//step01:将存储对象转换成JSON字符串
var music = {
id: "ty-0021-11",
singer:"任贤齐",
style:"摇滚",
album:"青春不老"
};
var musicStr = JSON.stringify(music);
//step02:将字符串(可是使用escape等加密后保存)存入本地存储
localStorage.setItem(music.id, musicStr);
//step03: 从本地存储对象取数据,并还原
var newMusicStr = localStorage.getItem(music.id);
var newMusic = JSON.parse(newMusicStr);