程序的三大结构(了解)
- 顺序结构:上下,左右,内外,如果上面报错,下面不执行,终止程序执行。
- 选择结构:出现分支选择,单分支,双分支,多分支
- 循环结构
顺序结构
/*alert(1);
alert(fasdfdsaf);//报错,停止执行。
alert(2);*/
选择结构
//if...else... if语句:尽量满足if条件。尽量采用嵌套的方法。
//switch:多选择。
循环结构
//while
//do...while
//for
程序的单分支结构 IF语句
大多数编程语言中最为常用的一个语句就是 if 语句。以下是 if 语句的语法:
if (条件) { 语句块1 } else { 语句块2 }
其中的条件可以是任意表达式;而且对这个表达式求值的结果不一定是布尔值。
ECMAScript 会自动调用 Boolean() 转换函数将这个表达式的结果转换为一个布尔值。如果对 条件求值的结果是 true,则执行语句1,如果对条件求值的结果是 false , 则执行语句2 。 而且这两个语句既可以是一行代码,也可以是一个代码块 (以一对花括号括起来的多行代码) 。
if语句的三种格式:
- if( 条件 ){ 语句1 }
- if ( 条件 ) { 语句1 } else { 语句2 }
- if ( 条件 ) { 语句1 } else if ( 条件 ){ 语句2 }...else{ 语句 }
程序的多分支结构 switch语句\break语句
switch 语句与 if 语句的关系最为密切,而且也是在其他语言中普遍使用的一种流程控制语句。
switch (值) {
case 值: 语句块; break;
case 值: 语句块; break;
case 值: 语句块; break;
......
default: 语句块
}
案例:输入数字,显示星期几(日期对象)
//alert(new Date());//日期对象
//alert(new Date().getDay());//输出当前的星期。0-6 2
switch(new Date().getDay()){
case 1: alert('星期一');break;
case 2: alert('星期二');break;
case 3: alert('星期三');break;
case 4: alert('星期四');break;
case 5: alert('星期五');break;
case 6: alert('星期六');break;
case 0: alert('星期天');break;
}
switch 语句中的每一种情形(case)的含义是: 如果表达式等于这个值(value) ,则执行此case后面的语句 。而 break 关键字会导致代码执行流跳出 switch 语句。如果省略 break 关键字,就会导致执行完当前 case 后,继续执行下一个 case。最后的 default 关键字则用于在表达式不匹配前面任何一种情形的时候,执行此代码(因此,也相当于一个 else 语句) 。
注意case向下的穿透力
应用1
1. 判断一个整数,属于哪个范围:大于0;小于0;等于0
2. 判断一个整数是偶数还是奇数,并输出判断结果
3. 开发一款软件,根据公式(身高-108)*2=体重,可以有10斤左右的浮动。来观察测试者 体重是否合适(身高:cm)
4. 输入一个五位数,分别输出个十百千万位;
5. 案例:输入年份,计算某一年是否是闰年(闰年能被4整除且不能被100整除,或能被400 整除)
6. 案例:输入数字,显示星期几(日期对象)
7. 案例:输入分数,判定成绩等级(if和switch两种写法)(5个等级0-100)
8. 输入月份,显示当月的天数
综合应用
- 输入一个日期,判断这个日期是这一年的第几天
例如: 2016/02/11,计算后结果为42
获取元素:
//document.getElementById('id选择器的名称'):根据元素的id名称获取元素.
//获取body
//document.body:获取body元素.
//alert(document.body);//[object HTMLBodyElement]
//获取document
//alert(document);//[object HTMLDocument]