关于前端的碎碎念3-JavaScript基础4-JavaScript中的 if else语句

说完css装修，我们终于要给房子打造一些功能啦~follow me~

本节介绍Javasctipt中的 if else语句（如果，否则）

　　if else是所有编程语言里都有的功能，它使得程序具有简单的判断能力。

　　在介绍if之前，让我们先来了解一下布尔值这个概念。

布尔(Bool)值

　　在变量一节中，我们曾经说过，变量可以用来存储布尔值。哪么布尔值的作用究竟是什么呢？简单的说，布尔值的作用就是用来表示“真的假的”。所以布尔值其实只有两种取值：真(true)和假(false)。

一个简单的if实例

　　其实“if else”的意思和字面意思是一样的，就是“如果”、“否则”。还是让我们来看一个使用if的例子吧。

　　假设你在为一个机器人编写程序，这个机器人的功能是对使用者的爱好做出评价。

　　机器人：“你的爱好是什么？”

　　如果是JavaScript

　　机器人：“哇，有发展。”

　　那么对应的JavaScript就应该是

<script type="text/JavaScript">
if (hobby == “JavaScript”) 
{
    document.write("有发展");
}
</script>

　　我们来解释一下这段代码。首先是一个“if”，它后面紧跟着一个括号，括号里则是一个条件，确切地说是一个布尔值。当条件成立的时候，这个值是true，“{}”里的语句将会得到执行；否则这个值是flase，“{}”里的语句将被忽略。

　　具体到我们的例子，如果hobby变量的值是“JavaScript”，则回答“有发展”，够则保持沉默。注意“==”这个符号，这个符号用来判断左右两边是否相等。下一节会详细地介绍。

　　如果你的爱好不是JavaScript，那么机器人什么也不会做。如果你希望它能对这种情况做出反应，我们可以请else来帮忙，看下面的代码：

<script type="text/JavaScript">
    var hobby = "JavaScript"      
    if (hobby == "JavaScript")        
    {            
        document.write("有发展");        
    }        
    else
    //如果爱好不是JavaScript        
    {
        document.write("没有评价……");
    }
</script>

　　上面的代码用到了“else”，它会给if添加一种“否则”的状态。当hobby不是“JavaScript”的时候，它会表明“没有评价”。

　　if(你想让机器人更聪明一点)

　　{ 用if的嵌套吧,看下面的代码;}

<script type="text/JavaScript">

　　第二个if只有在第一个if的条件不成立的时候才有机会执行。最后再来看一个使用了if的实例吧。

JavaScript if else语句例子

　　if else是所有编程语言里都有的功能，它使得程序具有简单的判断能力。这个例子使用JavaScript的if else语句实现简单的判断。

请选择你的业余爱好

窗体顶端

　　 JavaScript

　　 足球

　　 篮球

　　 其它

窗体底端

JavaScript代码

<script type="text/JavaScript">
     function hobby(hob){
     if ( hob == "js") 
     {
         alert("有发展");
     }
         else if ( hob == "football")//如果爱好是足球
     {
         alert("我X");
     }
         else if ( hob == "basketball")
     {
         alert("我也爱看！")
     }
         else//既不是JavaScript又不是足球
     {
         alert("没有评价……");
     }
     }
 </script>

HTML代码

<form>
    <p><input type="radio" name="browser" onclick="hobby(this.value)" value="js" id="js"><label for="js">JavaScript</label></p>
    <p><input type="radio" name="browser" onclick="hobby(this.value)" value="football" id="football"><label for="football">足球</label></p>
    <p><input type="radio" name="browser" onclick="hobby(this.value)" value="basketball" id="basketball"><label for="basketball">篮球</label></p>
    <p><input type="radio" name="browser" onclick="hobby(this.value)" value="other" id="other"><label for="other">其它</label></p>
</form>