2017.11.21大作业

最新推荐文章于 2024-06-19 22:42:04 发布

酱紫呐

最新推荐文章于 2024-06-19 22:42:04 发布

阅读量402

点赞数

分类专栏：作业

本文链接：https://blog.csdn.net/weixin_40888248/article/details/78593450

版权

作业专栏收录该内容

9 篇文章 0 订阅

订阅专栏

  D<!DOCTYPE html>  
<html>  
<head lang="en">  
    <meta charset="UTF-8">  
    <title>人力资源管理系统</title>  
</head>  
<body>  
    <h1>人力资源管理系统</h1>  
    <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="保存" οnclick="saveStorage()"></td>  
        </tr>  
    </table>  
    <hr>  
    <p>检索：<input type="text" id="sname">  
            <input type="button" value="检索" οnclick="findStorage('msg')">  
    </p>  
	<p>删除：<input type="text"id="rname">
			<input type="button"value="删除"οnclick="deleteStorage('aaa')">
	</p>
    <p id="msg"></p>  
	<p id="aaa"></p> 
    <script type="text/javascript">
        function lg(a){
            console.log(a);
        }
        function saveStorage(){
			var person;
			if(localStorage.getItem('person')){
				person = JSON.parse(localStorage.getItem('person'))
			}
			else{
				person = new Object()
				}
			var date = new Object()
			date.name = document.getElementById('name').value;
			date.email = document.getElementById('email').value;
			date.tel = document.getElementById('tel').value;
			date.memo = document.getElementById('memo').value;
			person[date.name] = date;
			var str = JSON.stringify(person);
			localStorage.setItem('person',str);
			lg(localStorage);
			alert('数据已保存');
		}
        function findStorage(id){
			var name = document.getElementById('sname').value;
			var str = localStorage.getItem('person');
			var date = JSON.parse(str);
			var result = "姓名:"+date[name]['name']+'<br/>';
				result += "email:"+date[name]['email']+'<br/>';
				result += "tle:"+date[name]['tle']+'<br/>';
				result += "memo:"+date[name]['memo']+'<br/>';
				document.getElementById(id).innerHTML = result;
		}
		function deleteStorage(id){
		var name = document.getElementById('rname').value;
		var del = localStorage.getItem('person');
		var date = JSON.parse(del);
		if(date[name]){
		delete date[name];
		var newStr = JSON.stringify(date);
		localStorage.clear();
		localStorage.setItem('person',newStr);
		window.alert("数据已删除");
		}else{
		document.getElementById(id).innerHTML  = "查无此人";
		}
		}
    </script>
</body>  
</html>