《javascript语法基础教学》由会员分享，可在线阅读，更多相关《javascript语法基础教学（52页珍藏版）》请在金锄头文库上搜索。
1、实例版,第17章 JavaScript基本语法,17.1 基本数据类型 17.2 运算符 17.3 程序结构 17.4 函数 17.5 小实例修改密码 17.6 习题,17.1 基本数据类型,数值 字符 布尔 空值,17.2 运算符,17.2.1 算术运算符 17.2.2 逻辑运算符 17.2.3 比较运算符,17.2.1 算术运算符,表17-1 具体算术运算符,17.2.1 算术运算符,实例代码,17.2.1 算术运算符,接上页,17.2.1 算术运算符,网页效果,17.2.2 逻辑运算符,表17-2 具体运算符,17.2.2 逻辑运算符,实例代码,17.2.2 逻辑运算符,接上页,17.2
2、.3 比较运算符,表17-3 具体运算符,17.2.3 比较运算符,实例代码,17.2.3 比较运算符,接上页,17.2.3 比较运算符,网页效果,17.3 程序结构,17.3.1 If语句 17.3.2 For语句 17.3.3 Switch语句 17.3.4 While与DoWhile,17.3.1 If语句,If语句是一种条件结构，它可以根据表达式的逻辑值改变程序执行的顺序，如果判断的值为真，则执行该条件下的程序块；如果为假，则跳过该程序段，执行另外的语句或程序段。,17.3.1 If语句,基本语法,if 条件 或者 if 条件 执行语句1 Else 条件 执行语句2 ,17.3.1 I
3、f语句,语法说明,If语句后面的条件可以是表达式也可以是一个其他值，但条件返回的结果的数据类型只能是布尔型，要么为真，要么为假。 当表达式的值为true，则执行语句1，否则执行语句2.若if后的语句有多行，则必须使用大括号将其括起来。,17.3.1 If语句,实例 1、准备两张图片01.jpg和02.jpg。新建网页文档将其保存在与图片同一个文件内。 2、打开代码视图，在body正文中输入if语句，保存并预览效果。 ,for(x=70;x); else document.write(); ,17.3.1 If语句,网页效果,17.3.2 For语句,For语句在编程语言中使用广泛，主要用在循环
4、语句中。使用很简单，但程序员必须计算出要循环的次数才能方便的使用for循环语句。,17.3.2 For语句,基本语法,for (初始化值;条件;求新值) 语句块； ,17.3.2 For语句,语法说明,For后面的条件一个都不能省略，同时初始化值、条件、求新值三者之间必须使用分号（；）隔开。只有当For语句中的条件部分为真时，才执行后面的程序部分，否则不执行。,17.3.2 For语句,“初始化”参数定义循环的开始位置，必须赋予变量初值；“条件”用于判断循环停止时的条件，若条件满足，则执行循环体，否则跳出循环；“求新值（增量）”主要定义循环，控制变量在每次循环时按什么方式变化。在三个主要语句之
5、间，必须使用；进行分隔。 Eg.for（i=0;i10;i+） Xi=I; 说明：初始值i=0；条件i 100) degree = 耍我？100分满！; else switch (parseInt(score / 10) case 0: case 1: case 2: case 3: case 4: case 5:,degree = :-( 没有通过，有机会下次再来！; break; case 6: degree = :-)运气很好哦，刚刚通过！; break; case 7: degree = :-)还行，顺利通过！ break; case 8: degree = _ 不错，不错！顺利通过！
6、; break; case 9: case 10: degree = *_* 高手高手，不要骄傲哦，还有下一关呐！; /end of switch /end of else alert(degree); ,17.3.3 Switch语句,网页效果,17.3.4 While与DoWhile,当重复执行动作的情形比较简单时，就不需要用for循环，可以使用while循环代替。While循环在执行循环体前先测试一个条件，如果条件成立则进入循环体，否则跳出循环体。 While与dowhile中，两者都是用于循环语句，但前者是先进行判断，后执行；后者是执行，后判断。因此在while条件相同的情况下，前者比
7、后者要少执行一次。,17.3.4 While与DoWhile,基本语法,While 语法：While（条件） 程序段 Do .While 语法：Do 程序段 While（）,17.3.4 While与DoWhile,语法说明,While与DoWhile都是用于循环结构的，但两者的明显区别是：前者必须在满足条件的情况下才执行该条件下的程序段，后者是不管条件是否满足While语句后面的条件，都至少会执行一次。 在while循环体中处理while的条件表达式，使循环到该结束时就结束。,17.3.4 While与DoWhile,实例 1、打开原始文档11.4.4index.htm，将插入点置于代码正文
8、中，输入代码 2、保存并预览效果，会出现freeze按钮。 3、单击freeze按钮将会弹出消息对话框。 function freeze() alert (对不起，死机了!); /首先提示已经完成效果,while(true) /进入循环 window.history.back(-1) /后退一格 ,17.3.4 While与DoWhile,网页效果,17.4 函数 1有参函数,基本语法,“Function 函数名（参数1 参数2参数n）”,17.4 函数 1有参函数,语法说明,前面讲解程序结构时，例子中已经使用到了函数，定义的Function rec(form),这是一个带有参数的函数。通过单
9、击“面积”按钮，调用函数rec(form).,17.4 函数 1有参函数,实例代码,17.4 函数 1有参函数,接上页,17.4 函数 1有参函数,网页效果,17.4 函数 2无参函数,基本语法,“Function 函数名（）”,17.4 函数 1无参函数,语法说明,在JavaScript中，还可以通过调用一些无参函数来实现一些功能。函数名后面的括号中无参数，称该函数为无参函数。,17.4 函数 1无参函数,实例代码,17.4 函数 1无参函数,网页效果,17.5 小实例修改密码,实例代码,17.5 小实例修改密码,接上页,17.5 小实例修改密码,接上页,17.5 小实例修改密码,接上页,17.5 小实例修改密码,网页效果,
