《HTML5+CSS3+JavaScriptWeb前端开发案例教程》课件 第8章 avaScript编程应用_第1页
《HTML5+CSS3+JavaScriptWeb前端开发案例教程》课件 第8章 avaScript编程应用_第2页
《HTML5+CSS3+JavaScriptWeb前端开发案例教程》课件 第8章 avaScript编程应用_第3页
《HTML5+CSS3+JavaScriptWeb前端开发案例教程》课件 第8章 avaScript编程应用_第4页
《HTML5+CSS3+JavaScriptWeb前端开发案例教程》课件 第8章 avaScript编程应用_第5页
已阅读5页，还剩30页未读， 继续免费阅读

下载本文档

版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领

文档简介

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;]}语法格式函数的调用<html><head><scripttype="text/javascript">­functionfunctionName(parameters){//定义函数somestatements;}</script></head><body>functionName(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()方法语法格式arrayObject.splice(start,length,element1,element2,…)（4）sort()方法语法格式arrayObject.sort(sortby)操作数组（5）slice()方法语法格式arrayObject.slice(start,end)（6）join()方法语法格式arrayObject.join(separator)案例实现更换页面主题案例描述

本案例实现更换页面主题的功能。在页面中添加文字内容并设置一个用于选择页面主题的下拉菜单，当选择某个选项时可以更换主题，实现文档的背景色和文本颜色变换的功能。技术准备Document（文档）对象Document（文档）对象

通

人人文库> 全部分类> 教育资料 > 课件下载

温馨提示

  • 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

最新文档

评论

0/150

提交评论