当前位置: 主页->程序设计->Javascript基础教程
 

第一课

Javascript教程
课程简介
实际应用
隐藏JavaScript
第一天复习

第二课

第二天课程简介
变量介绍
首个变量例子的程序主体
字符串的魔力
变量练习
if-then子句
if-then语句的例子
if-then练习
链接事件
图片交换
练习2
复习

第三课

第三天课程简介
窗口操作介绍
Javascript中的窗口操作
JavaScript中的窗口操作举例
Windows特性
JavaScript文件目标模块
状态条的操作
窗口间的交流
再谈JavaScript  DOM
窗口的其它特性
再谈WindowFrame树杈结构
自己动手操作
第三天复习

第四课

第四课介绍
循环介绍
循环的密码
再谈WHILE循环
For循环
嵌套循环
循环练习
数组
数组和循环
文件目标模块中的数组
函数
无参数函数
参数及返回值
多于一个参数的函数

第五课

第五课课程介绍
介绍反馈表单
控制文字域的值
文字域事件
反馈表单处理器
文字域的练习
复选框
单选框
选单
在选单中应用onchange命令

Javascript基础教程

第四页:再谈WHILE循环 ( )

我们已见到了很多所请求的X`S,现在复习一下:

第一步:请求X`S的数目

var width = prompt("How many x's
would you like? (1-10 is good)","5");

下一步,申报一些变量:


    var a_line="";

    var loop = 0;

现在,关键之处:

    while (loop < width)

    {

    a_line = a_line + "x";

    loop=loop+1;

    }

即说:“当变量循环小于所请求的X`S行宽时,在该行加入另一X然后在循环值上加1。”该循环将继续加一X到该行并在循环值上加1直到循环不在小于请求的行宽。请看下列源码分析:

第一次
  • a_line = "" (because we initialized it to be "")
  • loop=0 (because we initialized it to be 0)
  • width=2 (because that's what the user asked for)
  • 0 is less than 2 so
  • a_line = a_line + "x", so now a_line = "x"
  • loop=loop+1, so now loop = 1
返回循环:第二次
  • loop=1
  • width=2
  • a_line = "x"
  • 1 is less than 2 so
  • a_line = a_line + "x", so now a_line = "xx"
  • loop=loop+1, so now loop = 2
返回循环:第3次
  • loop=2
  • width=2
  • a_line = "xx"
  • 2 is NOT less than 2 so
  • fall out of the loop and do what follows

随后是:


    alert(a_line);

    启动一个警告对话框。

    这种循环运用的如此普遍以至于程序员们开发了一些简便方式,条件循环可写成这样:


    while (loop < width)

    {

    a_line += "x";  //this was a_line = a_line + "x";

    loop++;     //this was loop=loop+1;

    }

首行,“x”,表示“本身加x”。若已有_number=5,那么可写成,a_number+=3,即是说:a_number=a_number+3。程序员就是这么偷懒的。

下行,loop++,意味着“自身加1”。于是loop++即为:
loop=loop=1。它也可写成loop+=1。这样偷懒行为非常有效。

就象不止一种方式在一个数上加1一样,也有不止一种方法来写一个循环。While循环不是唯一的循环模式,另一流行的循环是for循环

JavaScript教程
第一页
第四课介绍
第二页 循环介绍
第三页 循环的密码
第四页 再谈WHILE循环
第五页 For循环
第六页 嵌套循环
第七页 循环练习
第八页 数组
第九页 数组和循环
第十页 文件目标模块中的数组
第十一页 函数
第十二页 无参数函数
第十三页 参数及返回值
第十四页 多于一个参数的函数

 

[第1课][第2课][第3课][第4课][第5课]