瀏覽器儲存功能
概述: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>
~~~