2.逻辑分支

补充：

1.<script type="text/javascript"></script>

2.isNaN( ) 判断非数字

3.prompt("请输入")  可输入对话弹框

 

1.程序三大结构

 

顺序结构

 

        

 

 

选择结构

 

    

 

 

循环结构

 

 

 

2.单分支结构

 

if 语句

if ( true ) {

    // 执行这里面的代码

}

 

if ( false ) {

    // 跳过这里面的代码

}

 

if ( 逻辑点 ) {

    // 执行这里面的代码

} else {// 否则

    // 执行这里面的代码

}

 

逻辑点 --> 隐式类型转换 --> 布尔值

 

三元表达式(三元运算符)

(expr1) ? (expr2) : (expr3)

在 expr1 求值为 true 时的值为 expr2，在 expr1 求值为 ffalse 时的值为 expr3。

 

 

多个判断语句

if (判断语句1) {

    语句1

} else if (判断语句2) {

    语句2

} else if (判断语句3) {

    语句3

}

 

if (判断语句1) {

    语句1

} else if (判断语句2) {

    语句2

} else if (判断语句3) {

    语句3

} else {

    语句4

}

 

 

3.多分支结构

 

switch 语句

switch 语句用于基于不同的条件来执行不同的动作。

switch(n){

    case 1:

        执行代码块 1

        break;

    case 2:

        执行代码块 2

        break;

    default:

        与 case 1 和 case 2 不同时执行的代码

}

 

工作原理：

首先设置表达式 n（通常是一个变量）。

随后表达式的值会与结构中的每个 case 的值做比较。

如果存在匹配，则与该 case 关联的代码块会被执行。

使用 break 来阻止代码自动地向下一个 case 运行。

注：break关键字会导致代码执行流跳出switch语句。

 

 

4.获取元素、元素的值

 

document.getElementById('元素的id名');

document.getElementsByTagName('标签名');

 

低版本浏览器不支持(IE6 7 8)

document.getElementsByClassName('元素的类名');

document.querySelector('css选择器');

document.querySelectorAll('css选择器');

 

表单元素

元素.value

 

非表单元素

元素.innerHTML

元素.innerText