本文共 920 字，大约阅读时间需要 3 分钟。

localStorage，seeionStorage API使用

1. 不管我们使用哪种存储方式 ，第一步都应该判断浏览器是否支持。
   • localStorage是否支持浏览器的代码：

   if(window.localStorage){	alert(“浏览器支持”)；}else{	alert(“浏览器不支持”);}

2. 由于localStorage，seeionStorage 方法类似，这里就指介绍localStorage；
3. 添加方法：
   • 添加方式一：
     localStorage.name = “zjx”;
   • 添加方式二：
     localStorage[“age”]=“17”;
   • 添加方式三：
     localStorage.setItem(“sex” , ”mane”);
4. 语气对应的获取数据的方法：
   • 获取方式一：
     var call = localStorage.name;
   • 获取方式二：
     var val2 = localstorage[“age”];
   • 获取方式三：
     var val3 = localStorage.getItem(“sex”);
5. 如何删除数据：
   localStorage.removeItem(“name”);
6. 清除掉所有的数据：
   localStorage.clear();
7. 注意的地方：
   • localStorage 存储的数据只能是字符串，即使在存储的时候保存的是其他类型，获取到的还是一个字符串。
   • 如果我们要在localStorage 中存储一个json 格式的数据，不经过处理直接存储肯定是不可以的，我们可以使用 json 格式数据的转换方法 JSON.stringigy()和JSON.parse(),可以在 JSON 格式和字符串之间相互转换。
   • 实例代码：

   var message = {name:”zjx”,age:18,sex:”man”};localStorage.setItem(“message”,JSON.stringify(message));var newmessage = JSON.parse(localStorage.getItem(“message”));

8. !!! 不要在这些里面存储敏感信息。如：密码，信用卡等。

转载地址：http://sgozi.baihongyu.com/