今天星期三,参加培训的第四十一天,一如往常,早上早起,吃饭去教室,然后看书,今天解决了一个问题,就是编写我自己的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" οnclick="addList()">添加</button>
</div>
<div>
<label for="">姓名:</label>
<input type="text" />
<button οnclick="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="#" οnclick="deleteList(0)">删除</a><a href="#" οnclick="updateList(this)">修改</a></td>
</tr>
<tr>
<td>2</td>
<td>aa</td>
<td>11</td>
<td><a href="#" οnclick="deleteList(1)">删除</a><a href="#" οnclick="updateList(this)">修改</a></td>
</tr>
<tr>
<td>3</td>
<td>aa</td>
<td>11</td>
<td><a href="#" οnclick="deleteList(2)">删除</a><a href="#" οnclick="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='#' οnclick='deleteList("+(id-1)+")'>删除</a><a href='#' οnclick='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='#' οnclick='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='#' οnclick='deleteList("+(id-1)+")'>删除</a><a href='#' οnclick='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什么的全都忘记了,是这样的,好了,也没有什么好说的了,今天就这样了,明天再见了,好的,结束。