html5教程-HTML5第二阶段JS程序结构之选择结构讲解

小宝典致力于为广大程序猿（媛）提供高品质的代码服务，请大家多多光顾小站，小宝典在此谢过。

目录

一、程序的三大结构

二、选择结构的单分支结构

三、选择结构的双分支结构

四、选择结构的多分支结构

一、程序的三大结构

 顺序结构、选择结构、循环结构 

二、选择结构的单分支结构 if语句

 单分支：if（） { }   if语句     if 表示分支语句     （ ）条件，逻辑判断     { }代码块，执行语句,当条件判断为true时，执行  登录界面举例：     结构：<input ty PE ="text" id="txt" />         <input type="password" id="pas" />         <input type="button" id=" BT n" />     JS：  VAR  user = "admin";         var pass = "123456";         btn.onclick = function(){             if(txt.value  ==  user  &&  pas.value == pass){                 console. LOG ("登录成功")                 }             } 判断一个数字是偶数 举例：     结构：     <input type="text" id="txt" />     <input type="button" id="btn" />     JS：     var txt = document.getElementById("txt");     var btn = document.getElementById("btn");     btn.onclick = function(){         var oTxtValue = txt.value ;         if(oTxtValue%2 == 0){             console.log("偶数")             } 判断一个年份 是否 是闰年 举例：     结构：     <input type="text" id="txt" />     <input type="button" id="btn" />     JS：     var txt = document.getElementById("txt");     var btn = document.getElementById("btn");     btn.onclick = function(){     var oTxtValue = txt.value ;     if((oTxtValue%4 == 0 & am  p; & oTxtValue%100 !== 0)||oTxtValue%400 == 0 ){                 console.log("闰年")             }else{                 console.log("平年")}             }

三、选择结构的双分支结构 if语句

 if(){} else(){}  if（true）{     条件为真，执行此处的代码  }else{     反之条件为假，执行此处的代码 }  判断一个数字是否是偶数 举例：     结构：     <input type="text" id="txt" />     <input type="button" id="btn" />     JS：     var txt = document.getElementById("txt");     var btn = document.getElementById("btn");     btn.onclick = function(){         var oTxtValue = txt.value ;         if(oTxtValue%2 == 0){             console.log("偶数")             }else{                 console.log(" 奇数 ")}             } 双分支结构中的嵌套：     第一种：     if(){         if(){          }else{          }     }else{      }     第二种:     if(){      }else if(){      }else{      }  在判断语句中的（）中发生了隐式类型转换：     字符型：非空字符为true     数值型：非零为true     未定义：!un define d为true     数组型：空数组为true     对象型：空对象为true  发生隐性类型转换，把true转换为1；把false转换为0；     conlose.log(1 + true );返回结果为2；     conlose.log(1 + false);返回结果为1；

四、选择结构的多分支结构 sw IT ch语句/ br eak关键字

 多分支结构 switch语句：     switch(){         case 0:alert("零");         break;         case 1:alert("一");         case 2:alert("二");         default:alert("不识别的数字");     }  switch()内，不会做判断，在case身上判断这个值是否符合。  switch()内，不能做判断，同时在case后也不能做判断，  注意：     如果判定的是范围，不要使用switch语句；判定具体数据的时候，才使用switch 注意：     switch的应用场景：有多个确定值需要判断的时候 注意：     case语句的穿透，要加break语句；     如果程序没有break语句，那么 解析器 会继续向下解析 注意：     default相当于if语句中的else，当以上条件都不满足的时候，执行default

@H_ 360 _32@

目录

一、程序的三大结构

二、选择结构的单分支结构

三、选择结构的双分支结构

四、选择结构的多分支结构

一、程序的三大结构

 顺序结构、选择结构、循环结构 

二、选择结构的单分支结构 if语句

 单分支：if（） { }   if语句     if 表示分支语句     （ ）条件，逻辑判断     { }代码块，执行语句,当条件判断为true时，执行  登录界面举例：     结构：<input type="text" id="txt" />         <input type="password" id="pas" />         <input type="button" id="btn" />     JS： var user = "admin";         var pass = "123456";         btn.onclick = function(){             if(txt.value == user && pas.value == pass){                 console.log("登录成功")                 }             } 判断一个数字是偶数 举例：     结构：     <input type="text" id="txt" />     <input type="button" id="btn" />     JS：     var txt = document.getElementById("txt");     var btn = document.getElementById("btn");     btn.onclick = function(){         var oTxtValue = txt.value ;         if(oTxtValue%2 == 0){             console.log("偶数")             } 判断一个年份是否是闰年 举例：     结构：     <input type="text" id="txt" />     <input type="button" id="btn" />     JS：     var txt = document.getElementById("txt");     var btn = document.getElementById("btn");     btn.onclick = function(){     var oTxtValue = txt.value ;     if((oTxtValue%4 == 0 && oTxtValue%100 !== 0)||oTxtValue%400 == 0 ){                 console.log("闰年")             }else{                 console.log("平年")}             }

三、选择结构的双分支结构 if语句

 if(){} else(){}  if（true）{     条件为真，执行此处的代码  }else{     反之条件为假，执行此处的代码 }  判断一个数字是否是偶数 举例：     结构：     <input type="text" id="txt" />     <input type="button" id="btn" />     JS：     var txt = document.getElementById("txt");     var btn = document.getElementById("btn");     btn.onclick = function(){         var oTxtValue = txt.value ;         if(oTxtValue%2 == 0){             console.log("偶数")             }else{                 console.log("奇数")}             } 双分支结构中的嵌套：     第一种：     if(){         if(){          }else{          }     }else{      }     第二种:     if(){      }else if(){      }else{      }  在判断语句中的（）中发生了隐式类型转换：     字符型：非空字符为true     数值型：非零为true     未定义：!undefined为true     数组型：空数组为true     对象型：空对象为true  发生隐性类型转换，把true转换为1；把false转换为0；     conlose.log(1 + true );返回结果为2；     conlose.log(1 + false);返回结果为1；

四、选择结构的多分支结构 switch语句/break关键字

 多分支结构 switch语句：     switch(){         case 0:alert("零");         break;         case 1:alert("一");         case 2:alert("二");         default:alert("不识别的数字");     }  switch()内，不会做判断，在case身上判断这个值是否符合。  switch()内，不能做判断，同时在case后也不能做判断，  注意：     如果判定的是范围，不要使用switch语句；判定具体数据的时候，才使用switch 注意：     switch的应用场景：有多个确定值需要判断的时候 注意：     case语句的穿透，要加break语句；     如果程序没有break语句，那么解析器会继续向下解析 注意：     default相当于if语句中的else，当以上条件都不满足的时候，执行default

觉得 可用，就经常来吧！ 欢迎评论哦！  html5教程 ，巧夺天工，精雕玉琢。小宝典献丑了！

总结

以上是 为你收集整理的 html5教程-HTML5第二阶段JS程序结构之选择结构讲解 全部内容，希望文章能够帮你解决 html5教程-HTML5第二阶段JS程序结构之选择结构讲解 所遇到的问题。

如果觉得 网站内容还不错， 推荐好友。

查看更多关于html5教程-HTML5第二阶段JS程序结构之选择结构讲解的详细内容...