SOURCE

function log(...str){
    console.log(...str)
}


function postaction(){
    var name=document.getElementById("name");
    var score=document.getElementById("score");
    if(name.value =="" ||score.value==""){
        alert("此内容不能为空！")
    }else{
        var data=loadData();
        log('data:',data)
        var obj={name:name.value,score:score.value}
        log(obj,'obj')
        data.push(obj);
        saveData(data);
        var form=document.getElementById("form");
        form.reset();
        // load();//刷新界面
    }

}
function loadData(){
    var collection=localStorage.getItem("data");
    if (collection!==null){
        return JSON.parse(collection);
    }else return[];
}
//使用 JSON.stringify() 方法将 JavaScript 对象转换为字符串
//JSON.parse()返回JSON数据。以前是什么类型就转什么类型，
function saveData(data){
    localStorage.setItem("data",JSON.stringify(data))
}

<div id="result"></div>
<form action="javascript:postaction()" id="form">
    <p>学生姓名：<input type="text" value="2" id="name"></p>
    <p>学生成绩：<input type="text" value="3" id="score"></p>
    <input type="submit" id="submit" > 
</form>
<p>学生列表</p>