亚洲欧洲色图综合,va天堂va亚洲va影视,四虎最新地址发布

編程（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)行效果】

購(gòu)物籃中常用的計(jì)數(shù)總價(jià)效果運(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í)行效率高。

溫馨提示：喜歡本站的話，請(qǐng)收藏一下本站！

當(dāng)前位置:蘿卜系統(tǒng)下載站 > 技術(shù)開(kāi)發(fā)教程 > 詳細(xì)頁(yè)面

JS完成購(gòu)物車中常用的計(jì)數(shù)總價(jià)效果

本類教程下載

系統(tǒng)下載排行