<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<table border="1px solid black" cellspacing="0px" align="center">
<thead>
<tr >
<td>姓名</td>
<td>年龄</td>
<td>性别</td>
</tr>
</thead>
<tbody id="tbody"></tbody>
</table>
<script>
var data=[
{"name":"张三","age":23,"sex":"男"},
{"name":"李四","age":23,"sex":"男"},
{"name":"王二","age":23,"sex":"男"}
]
var tbody = document.getElementById("tbody")
if (localStorage.getItem("初始人员数据")==null) {
localStorage.setItem("初始人员数据",JSON.stringify(data))
}else{
JSON.parse(localStorage.getItem(data))
for(var i=0;i<data.length;i++){
var tr=document.createElement("tr")
for(var key in data[i]){
var td=document.createElement("td")
td.innerHTML=data[i][key]
tr.appendChild(td)
}
tbody.appendChild(tr)
}
}
记录:localStorange的用法
最新推荐文章于 2024-07-01 15:30:29 发布