| 編程(Programming)是編定程序的中文簡(jiǎn)稱,就是讓計(jì)算機(jī)代碼解決某個(gè)問(wèn)題,對(duì)某個(gè)計(jì)算體系規(guī)定一定的運(yùn)算方式,使計(jì)算體系按照該計(jì)算方式運(yùn)行,并最終得到相應(yīng)結(jié)果的過(guò)程。為了使計(jì)算機(jī)能夠理解(understand)人的意圖,人類就必須將需解決的問(wèn)題的思路、方法和手段通過(guò)計(jì)算機(jī)能夠理解的形式告訴計(jì)算機(jī),使得計(jì)算機(jī)能夠根據(jù)人的指令一步一步去工作,完成某種特定的任務(wù)。這種人和計(jì)算體系之間交流的過(guò)程就是編程。 【實(shí)例名稱】 JS實(shí)現(xiàn)購(gòu)物車中常用的計(jì)數(shù)總價(jià)效果 【實(shí)例描述】 在一些購(gòu)物網(wǎng)站中,用戶需要先將商品放到虛擬的購(gòu)物車中,付款時(shí)系統(tǒng)會(huì)自動(dòng)計(jì)算購(gòu)物車中商品的總價(jià)值。本例學(xué)習(xí)制作一個(gè)簡(jiǎn)單的購(gòu)物車。 【實(shí)例代碼】 <html>
<head>
<title>小小購(gòu)物車-本站(www.xue51.com)</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<script language="JavaScript">
var messages = new Array(11); //價(jià)格數(shù)組
messages[0] = "";
messages[1] = "12.30元";
messages[2] = "13.00元";
messages[3] = "14.20元";
messages[4] = "15.00元";
messages[5] = "21.30元";
messages[6] = "22.70元";
messages[7] = "23.20元";
messages[8] = "24.40元";
messages[9] = "31.80元";
messages[10] = "32.60元";
function numChange()
{
with (document.form1)
{
var numIndex = bookNum.selectedIndex;
//判斷用戶選擇的本數(shù)
bookPrice.value = messages[numIndex];
//獲取價(jià)格
bookTotal.value = messages[numIndex].slice(0,-1)*numIndex+"元";
//計(jì)算總價(jià)
}
}
</script>
<title>無(wú)標(biāo)題文檔-本站(www.xue51.com)</title>
</head> <body>
<form name="form1" method="post" action="">
數(shù)量 <select name="bookNum" onChange="numChange()">
<option value="0">購(gòu)買數(shù)量</option>
<option>1本</option>
<option>2本</option>
<option>3本</option>
<option>4本</option>
<option>5本</option>
<option>6本</option>
<option>7本</option>
<option>8本</option>
<option>9本</option>
<option>10本</option>
</select>
單價(jià)
<input name="bookPrice" readonly />
總價(jià)
<input name="bookTotal" type="text" id="bookTotal" />
</form>
</body>
</html> 【運(yùn)行效果】
 【難點(diǎn)剖析】 本例中的“單價(jià)”輸入框是只讀的.在input標(biāo)簽中使用“readonly”控制文本框是否只讀。用戶選擇下拉框,系統(tǒng)根據(jù)用戶的選擇自動(dòng)計(jì)算本商品的單價(jià).這些單價(jià)都保存在數(shù)組“messages”中。計(jì)算總價(jià)時(shí)使用數(shù)組對(duì)象的“slice”方法,此方法也返回一個(gè)數(shù)組,該數(shù)組是原數(shù)組的子集,始于參數(shù)一,結(jié)束于參數(shù)二。 【源碼下載】 為了JS代碼的準(zhǔn)確性,請(qǐng)點(diǎn)擊:JS實(shí)現(xiàn)購(gòu)物車中常用的計(jì)數(shù)總價(jià)效果 進(jìn)行本實(shí)例源碼下載
使用編程語(yǔ)言寫(xiě)的程序,由于每條指令都對(duì)應(yīng)計(jì)算機(jī)一個(gè)特定的基本動(dòng)作,所以程序占用內(nèi)存少、執(zhí)行效率高。 |