你的位置:首页 > Java教程

[Java教程]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);