Web前端开发（JavaScript+jQuery）【教学PPT】 项目1 JavaScript基础.ppt

***************************************************************************动手实践：简单加法器的实现3.小结通过一个简单的加法器案例，展示了在JavaScript中进行数值运算的基本方法。学习者可以通过自定义不同的数值进行加法运算，从而加深对基本数值运算和JavaScript语言特性的理解。1.2程序控制结构和语句1.2.1程序控制结构和语句1.基本处理流程对数据结构的处理流程。称为基本处理流程。在JavaScript中，基本的处理流程包含三种结构，循序结构、选择结构和循环结构。顺序结构单项选择和双向选择结构1.2.1程序控制结构和语句1.基本处理流程循环结构（左：当型；右：直线型）变量名=表达式；赋值语句往往需要大量的变量来存储程序中用到的数据，所以用来对变量进行赋值的赋值语句也会在程序中大量出现。其格式如下：1.2.1程序控制结构和语句当使用关键字var声明变量时，可以同时使用赋值语句对声明的变量进行赋值。varusername=“book”;varblue=true;varvariable=“万事如意”;3.条件判断语句条件判断语句就是对语句中不同条件的值进行判断，进而根据不同的条件执行不同的语句。if语句：1.2.1程序控制结构和语句If（条件语句）{执行语句;}3.条件判断语句if-else语句：通常用于一个条件需要两个程序分支来执行的情况。1.2.1程序控制结构和语句If（条件）{当条件为true时执行的代码}else{当条件不为true时执行的代码}3.条件判断语句If-elseif语句：选择多个代码块之一来执行。1.2.1程序控制结构和语句If（条件1）{当条件1为true时执行的代码}elseif(条件2){当条件2为true时执行的代码}else{当条件1和条件2不为true时执行的代码}3.条件判断语句switch语句：一种多分支选择结构，用于将一个表达式的结果与多个值进行比较，并根据比较结果选择执行语句。1.2.1程序控制结构和语句switch（表达式）{case数值1： 语句块1；break； case数值2： 语句块2；break； …….. case数值n： 语句块n；break； Default; 语句块n+1； }4.循环控制语句while循环语句：是一种在循环开始之前不知道具体循环次数的情况下执行代码的循环结构。它在每次迭代之前检查循环条件，只有在条件为真时才执行代码块。1.2.1程序控制结构和语句while(循环条件){//待执行的代码块}4.循环控制语句dowhile循环语句：do-while循环与while循环类似，但它会先执行一次代码块，然后再检查循环条件。1.2.1程序控制结构和语句do{//待执行的代码块}while(循环条件);4.循环控制语句for循环语句：是一种计数循环，用于在已知循环次数的情况下执行一段代码。它通常包括初始化变量、循环条件和每次迭代后更新变量的步进操作。1.2.1程序控制结构和语句for（初始化表达式;循环条件表达式;循环后的操作表达式;）{//待执行语句块}5.对话框在JavaScript中有三种样式的对话框，可分别用作提示、确认和输入、对应三个函数：alert()、confirm()、prompt()。1.2.1程序控制结构和语句函数作用alert()该对话框在只用于提醒，不能对脚本产生任何改变。它只有一个参数，即为需要提示的信息，没有返回值。confirm()该对话框一般用于确认信息。它只有一个参数，返回值为true或false。prompt()该对话框可以进行输入，并返回用户输入的字符串。它有两个参数，第一个参数显示提示信息，第二个参数显示输入框和默认值（未设置默认值时则不显示）。动手实践：九九乘法口诀表的实现1.布局分析关键点：在HTML中使用table标签表示表格。使用JavaScript的documen