HTML5本地存储之Web Storage详解

1. function save(){              var user_num = document.getElementById("user_num").value;   
2.         var user_nameElement = document.getElementById("user_name").value;            var gradeElement = document.getElementById("grade").value;     
3.         var sexElement = document.getElementById("sex").value;            var msg = {   
4.             user_name: user_nameElement,                grade: gradeElement,   
5.             sex: sexElement,            };    
6.         localStorage.setItem(user_num,JSON.stringify(msg));          }   
7.   

我们往localStorage里存入三条学生信息，并查看localStorage中的存储信息：

用JS实现通过学号查找学生信息时，需要注意取出的value值为JSON字符串，需要通过JSON的parse()方法再转换成JSON对象，代码如下：