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