简单数据库来利用

发表于:2015-8-10 12:31

字体: | 上一篇 | 下一篇 | 我要投稿

 作者:大发明家    来源:51Testing软件测试网采编

</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;
}
《2023软件测试行业现状调查报告》独家发布~

关注51Testing

联系我们

快捷面板 站点地图 联系我们 广告服务 关于我们 站长统计 发展历程

法律顾问:上海兰迪律师事务所 项棋律师
版权所有 上海博为峰软件技术股份有限公司 Copyright©51testing.com 2003-2024
投诉及意见反馈:webmaster@51testing.com; 业务联系:service@51testing.com 021-64471599-8017

沪ICP备05003035号

沪公网安备 31010102002173号