第17章 JavaScript基本语法(HTML CSS JavaScript 标准教程实例版(

本书编委会编著第17章JavaScript基本语法17.1基本数据类型17.2运算符17.3程序结构17.4函数17.5小实例——修改密码17.6习题HTML/CSS/JavaScript标准教程实例版（第2版）HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.1基本数据类型•数值•字符•布尔•空值HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.2运算符17.2.1算术运算符17.2.2逻辑运算符17.2.3比较运算符HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.2.1算术运算符•表17-1具体算术运算符HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.2.1算术运算符•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.2.1算术运算符•接上页HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.2.1算术运算符•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.2.2逻辑运算符•表17-2具体运算符HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.2.2逻辑运算符•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.2.2逻辑运算符•接上页HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.2.3比较运算符•表17-3具体运算符HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.2.3比较运算符•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.2.3比较运算符•接上页HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.2.3比较运算符•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3程序结构17.3.1If语句17.3.2For语句17.3.3Switch语句17.3.4While与Do…WhileHTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.1If语句•基本语法if条件{…}或者if条件{…}Else条件{…}HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.1If语句•语法说明•If语句后面的条件可以是表达式也可以是一个其他值，但条件返回的结果的数据类型只能是布尔型，要么为真，要么为假。HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.1If语句•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.1If语句•接上页HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.1If语句•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.2For语句•基本语法for(初始化值;条件;求新值){…}HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.2For语句•语法说明•For后面的条件一个都不能省略，同时初始化值、条件、求新值三者之间必须使用分号（；）隔开。只有当For语句中的条件部分为真时，才执行后面的程序部分，否则不执行。HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.2For语句•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.2For语句•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.3Switch语句•基本语法switch(){Case1:语句1；Case2：语句2Case3:语句3…Default:语句…}HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.3Switch语句•语法说明•使用Switch语句时，必须赋初始条件，程序将根据给出的初始条件，在Switch语句中进行判断，如果Case条件符合初始条件，则执行该Case后面的语句，否则向下继续判断，继续执行。HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.3Switch语句•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.3Switch语句•接上页HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.3Switch语句•接上页HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.3Switch语句•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.4While与Do…While•基本语法While语法：While（）｛程序段…｝Do..While语法：Do｛程序段…｝While（）HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.4While与Do…While•语法说明•While与Do…While都是用于循环结构的，但两者的明显区别是：前者必须在满足条件的情况下才执行该条件下的程序段，后者是不管条件是否满足While语句后面的条件，都至少会执行一次。HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.4While与Do…While•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.4While与Do…While•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.4While与Do…While•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.3.4While与Do…While•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.4函数1．有参函数•基本语法“Function函数名（参数1参数2…参数n）”HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.4函数1．有参函数•语法说明•前面讲解程序结构时，例子中已经使用到了函数，定义的Functionrec(form),这是一个带有参数的函数。通过单击“面积”按钮，调用函数rec(form).HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.4函数1．有参函数•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.4函数1．有参函数•接上页HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.4函数1．有参函数•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.4函数2．无参函数•基本语法“Function函数名（）”HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.4函数1．无参函数•语法说明•在JavaScript中，还可以通过调用一些无参函数来实现一些功能。函数名后面的括号中无参数，称该函数为无参函数。HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.4函数1．无参函数•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.4函数1．无参函数•网页效果HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.5小实例——修改密码•实例代码HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.5小实例——修改密码•接上页HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.5小实例——修改密码•接上页HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.5小实例——修改密码•接上页HTML/CSS/JavaScript标准教程实例版（第2版）第章1717.5小实例——修改密码•网页效果