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