浏览器储存功能
概述：HTML5新增一个非常重要的功能，可以让浏览器存储一些重要的信息功能，浏览存储功能分两中：本地存储，会话存储
本地存储
## localstroage对象
### 我们可以通过localstorage对象的一些方法，可以在浏览器中进行存储，读取数据操作等。
### 本地储存【localstorage】只能存储字符串类型数据。
### 持久化存储数据，用localstorage
## 存储数据语法：
```
localStorage.setItem("","");
```
## 读取数据语法：
```
localStorage.getItem("");
```
##
## 本地会话存储JSON方法
```
JSON.stringify({kv对});
//JSON转换为字符串
```
## --------JSON内置对象---------
## 获取本地存储JSON
```
JSON.parse(); //方法把字符串JSON转换成对象类型JSON
```
## 本地存储语法：
```
localStorage.setItem("你好",JSON.stringify({"第一组":1}));
var bb=localStorage.getItem("你好");
console.log(JSON.parse(bb).第一组);
```
## 数据上限为5M
## 代码案例：
~~~
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
</body>
</html>
<script type="text/javascript">
localStorage.setItem("首次","向浏览器持久化存储数据"); //向浏览器永久存储数据
localStorage.getItem("首次"); //获取数据
var bs=localStorage.getItem("首次"); //bs变量值为获取的数据
console.log(bs); //打印数据
localStorage.setItem("你好",JSON.stringify({"第一组":1})); //json存储方法
var bb=localStorage.getItem("你好"); //获取本地存储
console.log(JSON.parse(bb).第一组); //打印JSON值
</script>
~~~
