编程(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实现购物车中常用的计数总价效果 进行本实例源码下载
使用编程语言写的程序,由于每条指令都对应计算机一个特定的基本动作,所以程序占用内存少、执行效率高。 |