localStorage作为简单数据库来利用

最新推荐文章于 2024-03-21 21:30:56 发布

小小杰仔

最新推荐文章于 2024-03-21 21:30:56 发布

阅读量620

点赞数

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <script>
       function SaveStorage()
       {
           var data=new Object();
           data.name=document.getElementById("name").value;
           data.Email=document.getElementById("email").value;
           data.tel=document.getElementById("tel").value;
           data.adr=document.getElementById("adr").value;
           data.memo=document.getElementById("memo").value;
           var str=JSON.stringify(data);
           localStorage.setItem(data.name,str);
           alert("数据已经保存");
       }


        function findStorage(id)
        {
            var find=document.getElementById('find').value;
            var str=localStorage.getItem(find);
            var data=JSON.parse(str);
            var result="姓名："+data.name+"</br>";
                 result+="Email："+data.Email+"</br>";
                 result+="电话："+data.tel+"</br>";
                 result+="地址："+data.adr+"</br>";
                 result+="备注："+data.memo+"</br>";
            var target=document.getElementById(id);
            target.innerHTML=result;
        }
    </script>
</head>
<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="adr"></td></tr>
       <tr><td>备注：</td><td><input type="text" id="memo"></td></tr>
       <tr>
           <td></td>
           <td>
               <input type="button" value="保存" οnclick="SaveStorage()">
           </td>
       </tr>
   </table>
<hr>
<p>检索：
   <input type="text" id="find">
    <input type="button" value="检索" οnclick="findStorage('msg')">
</p>
<p id="msg"></p>
</body>
</html>

小小杰仔

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
localStorage作为简单数据库来利用

html>html>head lang="en"> meta charset="UTF-8"> title>title> script> function SaveStorage() { var data=new Object(); data.name=document.getElementById("name").
复制链接

扫一扫