课程主题 JavaScript 分支结构-网页客户端技术 课程-1728971847291.pptx

网页客户端技术课程现代殡葬技术与管理专业群教学资源库主讲人：严志课程主题：JavaScript分支结构

比较和逻辑运算符01消息框02if语句03switch语句04JavaScript分支结构任务3

（01）比较运算符比较运算符的结果为逻辑值：true或者false，在逻辑语句中使用，以测定变量或值。可以在条件语句中使用比较运算符对值进行比较，然后根据结果来采取行动，例如：if(age18)alert(“你成年了！);运算符描述例子==等于x==8为false===全等（值和类型）x===5为true；x===5为false!=不等于x!=8为true大于x8为false小于x8为true=大于或等于x=8为false=小于或等于x=8为true表3-1说明：表中x的值为5比较和逻辑运算符01JavaScript分支结构三

运算符描述示例and(x10y1)为true||or(x==5||y==5)为false!not!(x==y)为true（02）逻辑运算符说明：表中示例x和y的值分别为4和3逻辑运算符的结果也为逻辑值：true或者false，在逻辑语句中使用。表3-2比较和逻辑运算符01JavaScript分支结构三

（03）条件运算符语法：variablename=(condition)?value1:value2实例：greeting=(visitor==PRES)?DearPresident:Dear;比较和逻辑运算符01JavaScript分支结构三

（01）JavaScript消息框可以在JavaScript中创建三种消息框：警告框、确认框、提示框。警告框警告框常用于确保用户可以得到某些信息。当警告框出现后，用户需要点击确定按钮才能继续进行操作。语法：alert(文本)确认框确认框用于使用户可以验证或者接受某些信息。当确认框出现后，用户需要点击确定或者取消按钮才能继续进行操作。如果用户点击确认，那么返回值为true。如果用户点击取消，那么返回值为false。语法：confirm(文本)消息框02JavaScript分支结构三

（02）JavaScript消息框提示框提示框常用于提示用户在进入页面前输入某个值。当提示框出现后，用户需要输入某个值，然后点击确认或取消按钮才能继续操纵。如果用户点击确认，那么返回值为输入的值。如果用户点击取消，那么返回值为null。语法：prompt(“文本”,“默认值”)。消息框02JavaScript分支结构三

（02）JavaScript消息框小结比较运算符的语法和使用方法；逻辑运算符的语法和使用方法；条件运算符的语法和使用方法；三种消息框的语法和使用方法；思考这些运算符和消息框还有那些使用场景。消息框02JavaScript分支结构三

（01）if语句在写代码的时候，总是需要为不同的决定来执行不同的动作。可以在代码中使用条件语句来完成该任务。在JavaScript中，我们可使用以下条件语句：lif语句-只有当指定条件为true时，使用该语句来执行代码；lif...else语句-当条件为true时执行代码，为false时执行其他代码；lif...elseif....else语句-使用该语句来选择多个代码块之一来执行；lswitch语句-使用该语句来选择多个代码块之一来执行。if语句03JavaScript分支结构三

（01）if语句语法：if(条件){只有当条件为true时执行的代码}流程图描述如图3-1所示：图3-1if语句流程图if语句03JavaScript分支结构三

（01）if语句示例3-1if语句示例：判断时间在18点到24点之间输出晚上好。if语句03JavaScript分支结构三htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=utf-8/title例3_1if语句示例/title/headbodyscriptvardate=newDate();vartime=date.getHours();if(time=18time=24){alert(“现在的时间是：”+time+“点\n晚上好！);}/script/body/html

（01）