本地存储数据加载到页面:
- 从本地存储中获取数据,并由字符串基础类型转换为对象类型(存储至堆内存中)
- 初始化变量data 为空数组(变量data存储在栈内存中)
- 将获取的数据赋值给变量data (实质为:将堆内存中的该组数据的存储地址,赋值给到栈内存中的变量data )
- 遍历数组data,将数据渲染到html页面中。
- 将新增数据封装新的JSON对象,添加入数据数组
- 将数据数组整体更新入本地存储中的关键字对应的关键值
<script>
// 获取本地存储中的数据
var local = window.localStorage;
var tbody = document.querySelector("tbody");
var newbookname = document.getElementById("bookname");
var newbookprice = document.getElementById("bookprice");
var insbtn = document.getElementById("insbtn");
var date =[] ;
// 如果本地存储中存在对应key的数据,加载到数组中,并渲染到页面
if(local.getItem("info