第6章 条件与循环

  条件与循环是JavaScript中最常见的两个概念。条件表示的是:“如果事情是真的,就这样做,否则,就那样做”例如,如果你做了作业就可以得到冰激凌,否则就不能得到冰激凌。循环讲的是:“如果某件事是真的,就一直这么做。”例如,只要你口渴,就可以一直喝水。

  条件和循环是很重要的概念,对于任何复杂的程序,它们都很关键。我们把条件和循环叫作控制结构,因为它们允许根据定义的特定条件,控制在何时以何种频度来执行哪部分代码。

首先需要了解一下,如何把JavaScript嵌入到HTML文件中,这样就可以创建比目前为止所看到的程序都要长的程序了。

6.1 在HTML中嵌入JavaScript

  下面是在第5章中所创建的HTML文件,只要添加了颜色,已有的代码用灰色表示(为了使得这个示例更简单一些,删除了到xkcd的链接)。

《javascript-少儿编程》第六章条件与循环之在HTML中嵌入JavaScript

  这里,添加了一个名为script的新元素。这是HTML中的一个特定元素。对于大多数HTML元素来讲,开始标签和结束标签中的内容会显示到页面上。然而,对于script元素,标签之间的所有内容都当作JavaScript对待,并且由JavaScript解释器运行。

  我们来看一下这个script元素中的代码:

《javascript-少儿编程》第六章条件与循环之在HTML中嵌入JavaScript

  在HTML文件中运行JavaScript与在控制台运行JavaScript截然不同。当在控制台运行JavaScript时,只要按下Enter键就会执行所输入的每一行内容,并且会把该行内容的值打印到控制台。在Web页面中,从头到尾一次执行全部的JavaScript内容,并且没有内容会自动打印到控制台,除非要求浏览器这么做。可以使用console.log来打印内容,在运行程序时,这会更容易看到发生了什么。console.log方法会接收任意的值,然后把值打印到控制台。例如,如果用JavaScript控制台加载本节开始处的HTML文件,会看到如下输出:

《javascript-少儿编程》第六章条件与循环之在HTML中嵌入JavaScript

  在❶处调用console.log(message),会把字符串”Hello world!”打印到控制台。

已经知道如何用JavaScript编写更长的程序了,现在可以开始学习条件了。

作者:nick morgan 翻译:李强