JavaScript初级教程(第二课)第4/7页

 更新时间:2007年04月05日 00:00:00   作者:  

"if"子句的应用可以使得程序根据用户输入的值作出不同的反应。例如你可以写一段程序使得它对你与对其他人反应不同。这里是它的基本格式:
    if (some condition is true)
    { 
        do something;
        do something;
        do something; 
    }
    本结构的重要部分: 
    以单词 "if"开始 (if 必须小写). 
    圆括弧中是条件:非真即伪。 
    如果条件为真的话执行花括弧中的语句。 
    记住:空格是唯一保持程序可读性的东西。当然你可以将整个if语句写在一行中,但它读起来就费劲了。
    这里是一个if子句的例子。
    <script language="JavaScript">
    <!-- hide me
    var monkey_love = prompt("你喜欢网猴吗?","敲入是或否。");
    if (monkey_love == "是")
    {
     alert("谢谢!很高兴您能来这儿!请往下读吧!");
    }
    // end hide -->
    </script>
    如果你在即时对话框中键入yes,你将收到一个亲切的问候。若敲入别的则没有。
    这里是该语句的核心:
    var monkey_love = prompt("你喜欢网猴吗?","敲入是或否。");
    if (monkey_love == "是")
    {
    alert("谢谢!很高兴您能来这儿!请往下读吧!");
    }
    第一行你见过。它唤起一个对话框并将用户的反馈调入变量monkey_love中。但第二行就有些不同:它有个条件,即如果变量monkey_love等于值"是" ,则运行花括号中的语句。若它等于其他值,则不运行。
    注意该条件中的两个等于标记,这是人们容易搞混的地方之一。如果你只用一个标记,实际上是告诉JavaScript测试是否monkey_love等于 "是"。幸运的是,多数浏览器在你运行这些语句时会识别这些错误并警告你。但最好现在开始就注意别犯这种错误。
    其他重要的条件是:
    (variable_1 > variable_2)  is true if variable_1 is greater than variable_2
    (variable_1 < variable_2)  is true if variable_1 is less than variable_2
    (variable_2 <= variable_2)  is true if variable_1 is less than or equal to variable_2
    (variable_1 != variable_2)  is true if variable_1 does not equal variable_2
    有两个方法可使你的条件更合理:
    在运行花括号中的语句前如果你想要两件事为“是”,可这样做:
    if ((variable_1 > 18) && (variable_1 < 21)) 
    {
      document.writeln("variable_1 can vote, but can't drink.");
    }
    注意这里的两个“&&”在JavaScript中这是“与”的意思。也注意整个子句有两个部分,&&须在圆括号中。
    若想两件事之一为真,这样做:
    if ((variable_1 == "bananas") || (variable_1 == "JavaScript")) 
    { 
      document.writeln("The monkey is happy because it has " +   variable_1);
    }
    回到if练习中来! 
    <script language="JavaScript">
    var color = prompt("您喜欢哪种颜色,red还是blue?","");
    var adjective;
    var fontcolor;
    if (color == "red") {
     adjective = "活泼。";
     fontcolor="red";
    } else if (color == "blue") {
     adjective = "酷。";
     fontcolor="blue";
    } else {
     adjective = "困惑。";
     fontcolor="black";
    }
    var sentence = "您喜欢" + fontcolor + "? 网猴认为您很" + adjective + "<p>";
    document.writeln(sentence.fontcolor(fontcolor));
    </script>

相关文章

  • JavaScript中的prototype和constructor简明总结

    JavaScript中的prototype和constructor简明总结

    一直没弄清楚JavaScript中的prototype和constructor属性,今天看了看书,总算有点眉目了
    2014-04-04
  • Array对象方法参考

    Array对象方法参考

    Array对象方法参考...
    2006-10-10
  • Javascript中的默认参数详解

    Javascript中的默认参数详解

    本文详细介绍了javascript中的默认参数问题,非常的详细,希望对大家能有所帮助
    2014-10-10
  • JavaScript中几个重要的属性(this、constructor、prototype)介绍

    JavaScript中几个重要的属性(this、constructor、prototype)介绍

    this表示当前对象,如果在全局作用范围内使用this,则指代当前页面对象window,prototype本质上还是一个JavaScript对象,constructor始终指向创建当前对象的构造函数
    2013-05-05
  • JavaScript中的匀速运动和变速(缓冲)运动详细介绍

    JavaScript中的匀速运动和变速(缓冲)运动详细介绍

    一个div的运动其实就是它与浏览器边框的距离在变动。如果他变化的速率一定,那就是匀速运动;如果变化的速率不一定,那么就是变速运动
    2012-11-11
  • JavaScript之数组(Array)详解

    JavaScript之数组(Array)详解

    这篇文章主要介绍了JavaScript之数组(Array)详解,本文详细讲解了JavaScript数组的创建、检测数组、转化方法、栈方法、队列方法、重排序方法、操作方法、位置方法等内容,需要的朋友可以参考下
    2015-04-04
  • JavaScript中document.referrer的用法详解

    JavaScript中document.referrer的用法详解

    这篇文章主要给大家介绍了关于JavaScript中document.referrer的用法,文中通过示例代码介绍的非常详细,对大家具有一定的参考学习价值,需要的朋友们下面来一起看看吧。
    2017-07-07
  • DOM基础教程之使用DOM + Css

    DOM基础教程之使用DOM + Css

    这篇文章主要介绍了DOM基础教程之使用DOM + Css,需要的朋友可以参考下
    2015-01-01
  • Javascript浅谈之引用类型

    Javascript浅谈之引用类型

    这篇文章主要介绍了Javascript引用类型,有需要的朋友可以参考一下
    2013-12-12
  • 如何用JavaScript定义一个类

    如何用JavaScript定义一个类

    其实Javascript中没有类这个定义,但是有类这个概念。很多人都写过这样的代码,就是一个关键字 function,然后定义一个方法名,方法名后紧跟一对括号。如果你在项目中写过这样的代码,那么祝贺你,你可以不费任何吹毛之力,就能一口气读完这篇文章了。
    2014-09-09

最新评论