| 編程（Programming）是編定程序的中文簡(jiǎn)稱，就是讓計(jì)算機(jī)代碼解決某個(gè)問題，對(duì)某個(gè)計(jì)算體系規(guī)定一定的運(yùn)算方式，使計(jì)算體系按照該計(jì)算方式運(yùn)行，并最終得到相應(yīng)結(jié)果的過程。為了使計(jì)算機(jī)能夠理解（understand）人的意圖，人類就必須將需解決的問題的思路、方法和手段通過計(jì)算機(jī)能夠理解的形式告訴計(jì)算機(jī)，使得計(jì)算機(jī)能夠根據(jù)人的指令一步一步去工作，完成某種特定的任務(wù)。這種人和計(jì)算體系之間交流的過程就是編程。 【實(shí)例名稱】 JS代碼實(shí)現(xiàn)類C#GridView的編輯效果（2） 【實(shí)例描述】 表格內(nèi)可直接輸入文本，輸入完畢后，還可以將內(nèi)容自動(dòng)保存在單元格內(nèi)。本例實(shí)現(xiàn)的就是表格的這種編輯功能。 【實(shí)例代碼】 <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=big5">
<title>新文檔-???www.xue51.com</title>
</table>
</body>
</html>
<script language="javascript">
oldObj="";
var newInput=document.createElement("input");
//動(dòng)態(tài)創(chuàng)建輸入框
newInput.type="text";
//輸入框類型
function setEdit(e){
//設(shè)置編輯時(shí)的狀態(tài)
var tdObj = e.srcElement? e.srcElement : (e.target ? e.target : e);
//單擊的對(duì)象
var obj;
if(tdObj.tagName && tdObj.tagName=="TD"){
//判斷是否是單元格
if(oldObj!=""){
var tobj = document.getElementById('tmpText');
//判斷是否已經(jīng)存在輸入框
oldObj.removeChild(tobj);
//移除已經(jīng)存在的輸入框
if(newInput.vlaue=="")
//初始化輸入框的值
oldObj.innerHTML=" ";
else
oldObj.innerHTML=newInput.value;
//輸入框的內(nèi)容等于單元格的內(nèi)容
}
obj=tdObj;
oldObj=obj;
newInput.width=obj.offsetWidth;
//輸入框的高度和寬度
newInput.height=obj.offsetHeight; newInput.id="tmpText";
newInput.value=obj.innerHTML;
obj.innerHTML="";
obj.appendChild(newInput);
//將輸入框添加到單元格內(nèi)
newInput.focus();
//輸入框獲得焦點(diǎn)
}
tdObj = obj = tobj = null;
}
function checkAdd(e){
if(e && e.keyCode == 13){
//
var obj = e.srcElement? e.srcElement : e.target;
//獲得單擊對(duì)象
var tbl = obj.parentNode.parentNode;
//單擊對(duì)象的祖父節(jié)點(diǎn)
if(oldObj!=""){
var tobj = document.getElementById('tmpText');
//獲取輸入框
oldObj.removeChild(tobj);
//移除舊輸入框
if(newInput.vlaue=="")
oldObj.innerHTML=" ";
//單元格的初始值
else
oldObj.innerHTML=newInput.value;
//單元格的內(nèi)容等于輸入框的內(nèi)容
var oldObj2 = oldObj;
oldObj = '';
}
if(tbl.tagName && tbl.tagName == 'TR'){
//如果是單元行
t2 = tbl.cloneNode(true);
//克隆表格
tbl.parentNode.insertBefore(t2,tbl);
//插入行
}
setEdit(oldObj2);
//開始編輯
}
obj = tbl = tobj = t2 = oldObj2 = null;
}
</script>
</body>
</html>
【運(yùn)行效果】 
【難點(diǎn)剖析】 本例的原理是當(dāng)用戶單擊單元格時(shí)，自動(dòng)生成一個(gè)用于輸入的“input”控件，此控件的高度和寬度與單元格相同，其值也等于單元格的內(nèi)容。當(dāng)鼠標(biāo)離開單元格時(shí)，隱藏此輸入框并設(shè)置單元格的內(nèi)容等于輸入框的值。 【源碼下載】 如果你不愿復(fù)制代碼及提高代碼準(zhǔn)確性，你可以點(diǎn)擊：類C#GridView的編輯效果（2） 進(jìn)行本實(shí)例源碼下載
使用編程語(yǔ)言寫的程序，由于每條指令都對(duì)應(yīng)計(jì)算機(jī)一個(gè)特定的基本動(dòng)作，所以程序占用內(nèi)存少、執(zhí)行效率高。
| 
