<!DOCTYPE html>
<head>
</head>
<style>
table {
width:400px;
height:400px;
border: 1px solid red;
}
div {
float: left;
border: 1px solid pink;
}
</style>
<body>
<div class='b'>
<div>
学校:<input type='text' name='xx' id='xx'><br/> 学号:
<input type='text' name='sno' id='sno'><br/> 姓名:
<input type='text' name='sna' id='sna'><br/> 班级:
<input type='text' name='bj' id='bj'><br/>
<input type='button' οnclick='saveStudent()' value='新增记录'>
</div>
<div style='border-color:red;'>
<button οnclick='findStudent()'>搜索学生学校</button>
<input type='text' name='searchStu' id='searchStu'>
<div id='search' style='clear:both;height:200px;'></div>
</div>
</div>
<div class='a' style='float:left;overflow:scroll;' width='200px;' id='studentLoad'></div>
<script>
loadStudent();
function saveStudent() {
var xxobj = new Object;
xxobj.xx = document.getElementById("xx").value;
xxobj.sno = document.getElementById("sno").value;
xxobj.sna = document.getElementById("sna").value;
xxobj.bj = document.getElementById("bj").value;
var strxxobj = JSON.stringify(xxobj);
localStorage.setItem(xxobj.sno, strxxobj);
alert("增加记录成功");
loadStudent();
}
function loadStudent() {
var stu = document.getElementById("studentLoad");
if (localStorage.length > 0) {
var result = "<table width='400px' height='400px' border='1' cellspacing='0' cellpadding='3'><thead><tr><th>学校</th><th>学号</th><th>姓名</th><th>班级</th></tr></thead><tbody>";
for (var i = 0; i < localStorage.length; i++) {
var key1 = localStorage.key(i);
var objStustr = localStorage.getItem(key1);
var objStu = JSON.parse(objStustr);
result += "<tr><td>" + objStu.xx + "</td><td>" + objStu.sno + "</td><td>" + objStu.sna + "</td><td>" + objStu.bj + "</td></tr>";
}
result += "</tbody></table>";
stu.innerHTML = result;
} else {
stu.innerHTML = "表中无数据";
}
}
function findStudent() {
var stu1 = document.getElementById("search");
var sxx = document.getElementById("searchStu").value;
var re;
for (var i = 0; i < localStorage.length; i++) {
var key2 = localStorage.key(i);
var objKey2 = localStorage.getItem(key2);
var Obj = JSON.parse(objKey2);
if (sxx == Obj.xx) {
re += "学校：" + Obj.xx + "学号：" + Obj.sno + "姓名：" + Obj.sna + "班级：" + Obj.bj + "<br>";
}
}
stu1.innerHTML = re;
}
</script>
</body>
</html>
莫名其妙，在其他电脑上可以显示表格内容，但是在这个电脑上就不行，感觉很奇怪，有大佬知道嘛？
