HTML5中localStorage，seeionStorage API使用

localStorage，seeionStorage API使用

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

• localStorage是否支持浏览器的代码：

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

1. 由于localStorage，seeionStorage 方法类似，这里就指介绍localStorage；
2. 添加方法：

• 添加方式一：
  localStorage.name = “zjx”;
• 添加方式二：
  localStorage[“age”]=“17”;
• 添加方式三：
  localStorage.setItem(“sex” , ”mane”);

3. 语气对应的获取数据的方法：

• 获取方式一：
  var call = localStorage.name;
• 获取方式二：
  var val2 = localstorage[“age”];
• 获取方式三：
  var val3 = localStorage.getItem(“sex”);

4. 如何删除数据：
   localStorage.removeItem(“name”);
5. 清除掉所有的数据：
   localStorage.clear();
6. 注意的地方：

• 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”));

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