| 編程(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í)例描述】 有些網(wǎng)站允許用戶修改表單(如修改用戶資料),如果用戶沒有修改則不需要將表單提交給服務(wù)器,如果修改了,則需要與服務(wù)器進(jìn)行數(shù)據(jù)交互。本例演示如何判斷用戶是否對(duì)表單進(jìn)行了修改。 【實(shí)例代碼】 <html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁(yè)-本站(www.xue51.com)</title>
</head>
<body>
<form>
<input name="txt1" value="10"><br />
<input name="txt2" value="20"><br />
<input type="checkbox" value="5" />
<input type="button" id="btnSave" value="保存" />
</form>
<script type="text/javascript">
//判斷表單是否已經(jīng)修改的方法
function IsModified()
{
var result = false;
//初始化返回值
var colInput = document.getElementsByTagName("input");
//獲取輸入框控件
for (var i=0; i<colInput.length; i++)
//逐個(gè)判斷頁(yè)面中的input控件
{
if (colInput[i].value != colInput[i].defaultValue)
//判斷輸入的值是否等于初始值
{
result = true;
//如果不相等,返回true,表示已經(jīng)修改
colInput[i].style.backgroundColor = "#ff9000";
//改變被修改控件的背景色
}
}
return result;
}
document.getElementById("btnSave").onclick = function ()
//重定義按鈕的單擊事件
{
if (IsModified())
{
return window.confirm("表單已經(jīng)修改,是否繼續(xù)保存?");
}
}
</script>
</body>
</html>
【運(yùn)行效果】  【難點(diǎn)剖析】 本例的重點(diǎn)是文本框的“defaultValue”屬性。“defaultValue”屬性是文本框的默認(rèn)值,可以通過文本框的“一Value”屬性獲取改變后的值。通過比較這兩個(gè)值可以判斷文本是否發(fā)生變化。 【源碼下載】 為了JS代碼的準(zhǔn)確性,請(qǐng)點(diǎn)擊:JS判斷表單是否已修改 進(jìn)行本實(shí)例源碼下載
使用編程語言寫的程序,由于每條指令都對(duì)應(yīng)計(jì)算機(jī)一個(gè)特定的基本動(dòng)作,所以程序占用內(nèi)存少、執(zhí)行效率高。 |
溫馨提示:喜歡本站的話,請(qǐng)收藏一下本站!