JavaScript程序控制流结构

在任何一种语言中,程序控制流是必须的,它能使得整个程序减小混乱,使之顺利按其一定的方式执行。下面是JavaScript常用的程序控制流结构及语句:

1、if条件语句

基本格式:

if(表述式)

语句段1;

......

else

语句段2;

.....

功能:若表达式为true,则执行语句段1;否则执行语句段2。

说明:if -else 语句是JavaScript中最基本的控制语句,通过它可以改变语句的

执行顺序。 表达式中必须使用关系语句, 来实现判断,它作为一个布尔值

来估算的。它将零和非零的数分别转化成false和true。若if后的语句有多

行 ,则必须使用花括号将其括起来。

if语句的嵌套格式:

if(布尔值)语句1;

else(布尔值)语句2;

else if(布尔值)语句3;

……

else 语句4;

在这种情况下,每一级的布尔表述式都会被计算,若为真,则执行其相应的语句,否则执行else后的语句。下面我们来看一个实例

ifyuju.htm

<html>
<head>
<title>If 语句的小程序</title>
<script
language="JavaScript">
var activedate=new Date();
activehour=activedate.getHours()
if(activehour<12){
document.write("早上 好"+"<br>")
}else{
document.write("下午 好"+"<br>")
}
</script>
</head>
<body>
</body>
</html>

说明:该例子用先定义了一个变量activedate并用newDate函数取得当前的时间,然

后通过的变量activehour取 得当前的小时数,通过与12比较来确定是“早

上”还是“下午”再用If语句分别执行相应的语句程序,即 问“早上好”或

“下午好”。

2、For循环语句

基本格式:

for(初始化;条件;增量)

语句集;

功能:实现条件循环,当条件成立时,执行语句集,否则跳出循环体。

说明:初始化参数告诉循环的开始位置,必须赋予变量的初值;条件是用于判别循环

停止时的条件。若条 件满足,则执行循环体,否则 跳出。增量:主要定义循

环控制变量在每次循环时按什么方式变化。三个主要语句之间,必须使用逗号

号分隔

3、while循环

基本格式:

while(条件)

语句集;

说明:该语句与For语句一样,当条件为真时,重复循环,否则退出循环。For与

while语句两种语句都是循语句,使用For语句在处理有关数字时更易看懂,

也较紧凑;而while循环对复杂的语句效果更特别。

xhyj11.htm

<html>
<head>
<title>循环语句事例</title>
<script language="JavaScript">
var sum=0
for(n=1;n<11;n++)
{
sum=sum+n
document.write(n,"
SUM=",sum,"<br>");
}
</script></head>
<body>
</body>
</html>

同样的效果也可以用while循环语句做出来,其代码如下(也可以通过查看源代码看到两者的区别): 

xhyj.htm

<html>
<head>
<title>循环语句事例</title>
<script language="JavaScript">
var sum,i;
i=1;
sum=0
while(i<=10){
sum+=i;
document.write(i,"
SUM=",sum,"<br>");
i++;
}
</script></head>
<body>
</body>
</html>

时间: 2024-08-02 19:39:37

JavaScript程序控制流结构的相关文章

《趣学JavaScript——教孩子学编程》——1.4 JavaScript程序的结构

1.4 JavaScript程序的结构 让我们创建一个看上去有点傻的JavaScript程序,它输出如下所示的一系列猫脸儿: 和加法程序不同,这个JavaScript程序需要几行代码.要将该程序输入到控制台,你必须在每一行代码的末尾按Shift键和Enter键,以便添加新的代码行(如果只是按Enter键的话,Chrome将会试图执行你所编写的内容,并且程序不会像期望的那样工作.我警告过你,计算机是很傻的.) 在浏览器控制台中输入如下内容: 最后,按Enter键而不是Shift键和Enter键.当

在JavaScript程序中整合Java函数

问题的提出: 假定我们的HTML 页中有一些表单需要处理,并且我们需要初始化数据库中的字段,我们该怎么办?标准的解决办法就是使用CGI脚本或是使用Java Servlet等服务器端程序,但是你有没有想过,还可以编写一个脚本程序使你可以用JavaScript直接调用服务器端Java程序进行任何计算的结果,就像下面代码中列的那样: <html> 我们的表单<br> <form> <input type="text" name="textF

《JavaScript和jQuery实战手册(原书第3版)》---第1章 编写第一个JavaScript程序 1.1 编程简介

本节书摘来自华章出版社<JavaScript和jQuery实战手册(原书第3版)>一书中的第1章,第1.1节,作者David Sawyer McFarland,姚待艳 李占宣 译,更多章节内容可以访问"华章计算机"公众号查看. 第1章 编写第一个JavaScript程序 HTML自身并没有太多智能:它不能做数学运算,不能判断某人是否正确填写了一个表单,而且不能根据Web访问者的交互来做出判断.基本上,HTML让人们阅读文本.观看图片或视频,并且单击链接转向拥有更多文本.图片

JavaScript程序编码规范 中文版本

Any violation to this guide is allowed if it enhances readability. 所有的代码都要变成可供他人容易阅读的. 软件的长期价值直接源于其编码质量.在它的整个生命周期里,一个 程序 可能会被许多人阅读或修改.如果一个 程序 可以清晰的展现出它的结构和特征,那就能减少在以后对其进行修改时出错的可能性. 编程规范可以帮助 程序 员们增加 程序 的健壮性.所有的 JavaScript 代码都是暴露给公众的.所以我们更应该保证其质量.保持整洁很

JavaScript 程序编码规范_javascript技巧

软件的长期价值直接源于其编码质量.在它的整个生命周期里,一个程序可能会被许多人阅读或修改.如果一个程序可以清晰的展现出它的结构和特征,那就能减少在以后对其进行修改时出错的可能性.编程规范可以帮助程序员们增加程序的健壮性. 所有的JavaScript代码都是暴露给公众的.所以我们更应该保证其质量.保持整洁很重要. JavaScript文件 JavaScript程序应独立保存在后缀名为.js的文件中. JavaScript代码不应该被包含在HTML文件中,除非这是段特定只属于此部分的代码.在HTML

全栈 JavaScript 程序员的崛起

JavaScript 无处不在 在以前,JavaScript程序员就是前端开发者的同义词,永远与浏览器绑在一起.但那已是昨日往事.Node.js的崛起开启了一个新纪元,从此,JavaScript 程序员可能不再是被局限于浏览器的前端开发者了. 相比其他高级程序语言,作为一名 JavaScript 程序员,你可以在更多的平台上发挥才能.但是现在让我们将目光放在两大主流领域上:浏览器和服务端. 为什么我非要在这两者中做出选择呢? 做为一名全栈 WEB 开发人员需要面对的问题 有句古话说得好:"什么都

JavaScritp入门:编写一个简单的JavaScript程序

核心提示:编写第一个JavaScript程序,通过它可说明JavaScript的脚本是怎样被嵌入到HTML文档中的. 下面我们通过一个例子,编写第一个JavaScript程序. 通过它可说明JavaScript的脚本是怎样被嵌入到HTML文档中的.test1.html文档: 图1-1 程序运行的结果 说明: test1.html是HTML文档,其标识格式为标准的HTML格式; 如同HTML标识语言一样, JavaScript程序代码是一些可用字处理软件浏览的文本,它在描述页面的HTML相关区域出

vb应用程序的结构

一个应用程序实际上无非是指挥计算机完成任务的指令集.应用程序的结构是组织指令的方法,也就是指令存放的位置和指令的执行顺序. 典型的 "hello world" 例子以及诸如此类的简单应用程序都具有简单结构.对于只有一行的代码来说,组织结构并不十分重要.但应用程序越复杂,对组织或结构的要求也就越明显.试想一下,如果允许应用程序以随机顺序去执行,那将会带来什么样的混乱.除了对应用程序的执行进行控制外,如何在应用程序中轻松查找特定指令,结构也起着很重要的作用. 由于 Visual Basic

Android开发:程序目录结构详解

  HelloWorld程序的目录结构概述   我们可以在文件夹中看到,HelloWorld程序的目录主要包括:src文件夹.gen文件夹.Android文件夹.assets.res文件夹. AndroidManifest.xml.default.properties.在Eclipse的左侧展开HelloWorld项目,可以看到如下图的目录结构:   开发:程序目录结构详解-">   下面将分节介绍上面的各级目录结构.   1.src文件夹   顾名思义(src, source code)