</head> <script src="web2.js"></script> <body> <table> <tr><td>姓名:</td><td><input type="text" id="name" /></td></tr> <tr><td>Email:</td><td><input type="text" id="email" /></td></tr> <tr><td>电话号码:</td><td><input type="text" id="tel" /></td></tr> <tr><td>备注:</td><td><input type="text" id="memo" /></td></tr> <tr> <td></td> <td><input type="button" value="保存" onclick="saveStorage()" /></td> </tr> </table> <hr> <p>检索: <input type="text" id="find" /> <input type="button" value="检索" onclick="loadStorage('msg')" /> </p> <p id="msg"></p> </body> </html> function saveStorage(id){ var data=new Object; data.name=document.getElementById("name").value; data.email=document.getElementById("email").value; data.tel=document.getElementById("tel").value; data.memo=document.getElementById("memo").value; var str=JSON.stringify(data); localStorage.setItem(data.name,str); alert("数据已储存"); } function loadStorage(id){ var find= document.getElementById('find').value; var str= localStorage.getItem(find); var data=JSON.parse(str); var result="姓名:"+data.name+"<br>"; result+="姓名:"+data.email+"<br>"; result+="姓名:"+data.tel+"<br>"; result+="姓名:"+data.memo+"<br>"; var target=document.getElementById(id); target.innerHTML=result; } |