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的写法,否则这个地方就要每个按钮调用不同的函数,还要对应的写多个函数,就太重复了,重复是程序的天敌。程序和机器的存在就是要取代和消灭重复。

发表评论

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen: