JavaScript浏览器本地数据存储

浏览器本地存储主要使用的是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);