《HTML5+CSS3+JavaScriptWeb前端开发案例教程》课件 第8章 avaScript编程应用.pptxVIP

JavaScript编程应用

计算存款本息合计

案例描述本案例实现一个计算存款本息合计的功能。假设某银行定期存款的年利率为2.75%，在表单中输入客户的存款金额和存款期限，单击“计算本息合计”按钮计算该客户存款到期后的本息合计。

技术准备标识符、关键字、常量和变量函数

标识符amy_score_age$str1n2在JavaScript中，标识符被用来命名变量和函数，或者被用作JavaScript代码中某些循环的标签。

关键字JavaScript关键字（Keyword）是指在JavaScript语言中有特定含义的，能成为JavaScript语法一部分的那些字。abstractcontinuefinallyinstanceofprivatethisbooleandefaultfloatintpublicthrowbreakdoforinterfacereturntypeofbytedoublefunctionlongshorttruecaseelsegotonativestaticvar

常量当程序运行时，值不能改变的量为常量。常量主要用于为程序提供固定的和精确的值（包括数值和字符串）。数字、逻辑值真（true）、逻辑值假（false）等都是常量。语法格式const常量名=值；

变量varvarible=500varstr=千里之行，始于足下。varbue=true变量是指程序中一个已经命名的存储单元，它的主要作用就是为数据操作提供存放信息的容器。语法格式varvariable;举例

函数函数实质上就是可以作为一个逻辑单元的一组JavaScript代码。使用函数可以让代码更为简洁，提高重用性。

函数的定义functionfunctionName([parameter1,parameter2,……]){statements;[returnexpression;]}语法格式

函数的调用htmlheadscripttype=text/javascript-functionfunctionName(parameters){//定义函数somestatements;}/script/headbodyfunctionName(parameters);//调用函数/body/html语法格式

案例实现

输出影厅座位图

案例描述本案例将实现输出影厅座位图的功能。星光影城2号影厅的观众席有5排，每排有10个座位。其中，3排5座和3排6座已经出售，在页面中输出该影厅当前的座位图。

技术准备if语句for语句

if语句语法格式if(expression){statement1}else{statement2}

for语句语法格式for(initialize;test;increment){statement}

案例实现

输出2023年电影票房排行榜

案例描述本案例将实现输出2023年电影票房排行榜前十名的影片信息。

技术准备数组简介定义数组获取数组的长度操作数组

数组简介数组是JavaScript中的一种复合数据类型。变量中保存单个数据，而数组中则保存的是多个数据的集合。数组是数组元素的集合，每个数组元素都有一个索引号（数组的下标），通过索引号可以方便地引用数组元素。数组的下标从0开始编号。

定义数组（1）定义空数组语法格式arrayObject=newArray()语法格式arrayObject=newArray(size)（2）指定数组长度（3）指定数组元素语法格式arrayObject=newArray(element1,element2,element3,...)语法格式arrayObject=[element1,element2,element3,...]（4）直接定义数组

获取数组的长度语法格式arrayObject.length举例vararr=newArray(1,2,3,4,5,6,7,8,9,10);document.write(arr.length);

操作数组（1）push()方法语法格式arrayObject.push(newelement1,newelement2,....,newelementX)（2）pop()方法语法格式arrayObject.pop()

操作数组（3）splice()