THE FOUTY-FIRST DAY

今天星期三，参加培训的第四十一天，一如往常，早上早起，吃饭去教室，然后看书，今天解决了一个问题，就是编写我自己的java类库，怎么引用，因为是创建阶段，所以不想弄成jar包，所以只是一个单纯的，.class组成的文件，然后我在配置环境变量，然后在eclipse里边怎么编译都不成功，然后拿控制台试了一下，成功了，然后就没有然后了，eclipse和电脑配置的环境变量没有任何关系，所以呢，需要导入class文件夹就对了，好了，以后就可以创建我自己的类库了，挺好的。

html:

html:
<a>href"网址#某个tag的id" 锚点链接到那个网址的tag,然后target属性="_blank"是在新标签页打开网址

也并非只能是_blank,可以是任意名，为新窗口命名罢了，但是如果两个<a>的target属性一样，那么就会是一个窗口。

<img>width ,height属性最好是和原文件一样，用图片编辑器进行修改，加快加载速度。

然后今天的js算是讲完了，嗯，是这样的，所以呢，买一本jqury吧，没有别的什么了，再然后就是今天的作业了，就是贴代码的时刻了：

html:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<link rel="stylesheet" href="../css/ListWorkCss.css" type="text/css" />
<script type="text/javascript" src="../js/ListWorkJs.js"></script>
</head>
<body>
	<div>记录列表</div>
	<div>
		<label for="">姓名：</label>
		 <input type="text" /> 
		 <label for="">年龄：</label>
		<input type="text" />
		<button name="addButton" onclick="addList()">添加</button>
	</div>
	<div>
		<label for="">姓名：</label> 
		<input type="text" />
		<button onclick="search(this)">搜索</button>
	</div>
	<table >
		<thead>
			<tr>
				<th>ID</th>
				<th>姓名</th>
				<th>年龄</th>
				<th>操作</th>
			</tr>
		</thead>
		<tbody id="listTable">
			<tr>
				<td>1</td>
				<td>aa</td>
				<td>11</td>
				<td><a href="#" onclick="deleteList(0)">删除</a><a href="#" onclick="updateList(this)">修改</a></td>
			</tr>
			<tr>
				<td>2</td>
				<td>aa</td>
				<td>11</td>
				<td><a href="#" onclick="deleteList(1)">删除</a><a href="#" onclick="updateList(this)">修改</a></td>
			</tr>
			<tr>
				<td>3</td>
				<td>aa</td>
				<td>11</td>
				<td><a href="#" onclick="deleteList(2)">删除</a><a href="#" onclick="updateList(this)">修改</a></td>
			</tr>
		</tbody>
		<tfoot>
		</tfoot>		
	</table>
	
</body>
</html>

js:

/**
 * 
 */
function addList() {
    var input = document.getElementsByTagName("input");
    var name = input[0].value;
    var age = input[1].value;
    var Searchname = input[2];
    if (name == '' || age == '' || !isNaN(name) || isNaN(age)) {// 不是数字为真
	alert("准确填写后才能添加");
	return;
    }
    var id = document.getElementById("listTable").lastElementChild.firstElementChild.innerHTML;
//    alert(id);
    var tr = document.createElement('tr');
    var td1 = document.createElement('td');
    var td2 = document.createElement('td');
    var td3 = document.createElement('td');
    var td4 = document.createElement('td');
    td1.innerHTML = ++id;
    tr.appendChild(td1);
    td2.innerHTML = name;
    tr.appendChild(td2);
    td3.innerHTML = age;
    tr.appendChild(td3);
    td4.innerHTML = "<a href='#' onclick='deleteList("+(id-1)+")'>删除</a><a href='#' onclick='updateList(this)'>修改</a>";
    tr.appendChild(td4);
    document.getElementById("listTable").appendChild(tr);
}
function deleteList(id) {
//    alert(id);
    var tbody = document.getElementById("listTable");
//    alert(tbody.childElementCount);
//    alert(tbody.childNodes.length);
////    var tr = tbody.children[id];
//    alert(tr.innerHTML);
//    alert(id+1);
    for(var i=0;i<tbody.childElementCount;i++){
	if(tbody.children[i].children[0].innerHTML==(id+1)){
	    tbody.children[i].style.background="yellow";
	    setInterval(Timeout,100);
	    if(confirm("确定删除？")){		
	    tbody.removeChild(tbody.children[i]);
	    } else{
		tbody.children[i].removeAttribute('style');
	    }
	}
    }
////    var tr = tbody.childNodes[2*id+1];
//    
////    var tr = document.getElementsByTagName("tr");
////    alert(tr);
//    tbody.removeChild(tr);
    
//    tr.parentElement.removeChild(tr);
}

function updateList(ww) {
   var tr=ww.parentElement.parentElement;
   tr.children[1].innerHTML="<input type='text'/>";
   tr.children[2].innerHTML="<input type='text'/>";
   tr.children[3].innerHTML="<a href='#' onclick='save(this)'>保存</a>";  
}
function save(ww){
    var tr=ww.parentElement.parentElement;
//    alert(tr.innerHTML);
    var id = tr.children[0].innerHTML;
    var input1 = tr.children[1].firstElementChild.value;
    tr.children[1].innerHTML=input1;
    var input2 = tr.children[2].firstElementChild.value;
    tr.children[2].innerHTML=input2;
    tr.children[3].innerHTML="<a href='#' onclick='deleteList("+(id-1)+")'>删除</a><a href='#' onclick='updateList(this)'>修改</a>"
//    alert(input);
//    tr.children[1].innerHTML=""
}
function search(ww){
    var text=ww.previousElementSibling.value;
//    alert(text);
    var tbody = document.getElementById("listTable");
    for(var i=0;i<tbody.childElementCount;i++){
//	alert(tbody.children[i].children[1].innerHTML);
	if(tbody.children[i].children[1].innerHTML==text){
	    tbody.children[i].style.background="red";
	}else{
	    tbody.children[i].removeAttribute('style');
	}
    }
}

css:

@charset "UTF-8";
div{
	margin:20px 0px 20px 0px;
}
table{
	boder:1px solid black;
}
a{
	text-decoration: none;
}

别的没有什么了，毕竟就是这样，原来学过的js什么的全都忘记了，是这样的，好了，也没有什么好说的了，今天就这样了，明天再见了，好的，结束。

猜你喜欢