js找人案例02-if判断跳转分支程序结构

流程控制语句:
             *         JS中的程序是从上到下一行一行执行的，通过流程控制语句可以控制程序执行流程，使程序可以根据一定的条件选择执行
             * 
             *     语句的分类:
             *         1>.条件判断语句;
             *         2>.条件分支语句;
             *         3>.循环语句;
             * 
             *     条件判断语句:
             *         使用条件判断语句可以在执行某个语句之前进行判断，如果条件成立才会执行语句，条件不成立则语句不会执行。
             *         if语句语法一:
             *             if(条件表达式){
             *                 语句...
             *             }
             *         温馨提示:
             *             if语句在执行时，会先对条件表达式进行求值判断，如果条件表达式的值为true，则执行if后的语句，如果条件表达式的值为false，则不会执行if后的语句;
             *             if语句只能控制紧随其后的那个语句，如果希望if语句可以控制多条语句可以将这些语句统一放到代码块中，if语句后的代码块不是必须的，但是在开发中尽量写上代码块("{}")，即使if后只有一行语句(因为统一写上后语法的可读性更强);
             *                 
             *         if语句语法二:
             *             if(条件表达式){
             *                语句...
             *             }else{
             *                 语句...
             *             }
             *         温馨提示:
             *             当该语句执行时，会先对if后的条件表达式进行求值判断，如果该值为true，则执行if后的语句，如果该值为false，则执行else后的语句。
             * 
             *         if语句语法三:
             *             if(条件表达式){
             *                 语句...
             *             }else if(条件表达式){
             *                语句...
             *            }else if(条件表达式){
             *                 语句...
             *             }else{
             *                 语句...
             *             }
             *         温馨提示:
             *             该语句执行时,会从上到下依次对条件表达式进行求值判断，如果值为true，则执行当前语句，如果值为false，则继续向下判断
             *             如果所有的条件都不满足，则会执行最后一个else的语句。

案例代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

<!DOCTYPE html>
<html>
<body>
<script>
function zhaoren(r){//写一个能够传值的函数

var name=document.getElementById(r).innerHTML;//获取页面内容
if(name=="李CC"){//判断条件和判断结果
alert('终于找到你了！'+name);
alert('想死你了，哥们儿');
alert('最近挣了点小钱，走，请你吃饭');
alert('那啥，周末一起去玩');
}else{
alert('不在，我是'+name+'，到隔壁寝室问问');
}
}

</script>

<p id="ren1">哇哈哈</p><button type="button" onclick="zhaoren('ren1')">询问</button>
<！--写一个按钮，1，按钮添加事件,2，启动函数,3，函数内可以传值-->
<p id="ren2">李C</p><button type="button" onclick="zhaoren('ren2')">询问</button>
<p id="ren3">李CCC</p><button type="button" onclick="zhaoren('ren3')">询问</button>
<p id="ren4">李CC</p><button type="button" onclick="zhaoren('ren4')">询问</button>
<p id="ren5">老赵</p><button type="button" onclick="zhaoren('ren5')">询问</button>
<p id="ren6">杨C</p><button type="button" onclick="zhaoren('ren6')">询问</button>

</body>
</html>

上面这段代码中，主要有两个知识点。

1，是if的判断条件和判断后作为结果的程序执行；

2，写一个按钮，这个按钮有三个功能。1，按钮添加事件,2，启动函数,3，函数内可以传值。

特别是函数内可以传值是很smart的写法，否则这个地方就要每个按钮调用不同的函数，还要对应的写多个函数，就太重复了，重复是程序的天敌。程序和机器的存在就是要取代和消灭重复。

js找人案例02-if判断跳转分支程序结构

发表评论取消回复

微信