第三章 第一个Web应用程序.

Presentation on theme: "第三章 第一个Web应用程序."— Presentation transcript:

1 第三章 第一个Web应用程序

2 3.1 用循环进行重复操作 For 循环 for ( [初始值]；[条件]；[增量] ) { <语句或语句组>} 举例：
<Script> for ( var i = 5; i > 0; i-- ) { document.write(“i = ” ,i ,“<BR/>"); } </Script>

3 3.1 用循环进行重复操作 举例：见课本脚本3－1、3－2Bingo卡片游戏

4 3.2 将值传递给函数 当需要获得一些信息并将它交给函数使用，这称为将信息传递给函数。举例： function playBall(batterup) 变量batterup是函数的参数。可以给函数传递任何数据，包括文本字符串、数字或其他JavaScript对象。 一个函数可以有多个参数。 function currentScore(hometeam,visitors)

5 3.2 将值传递给函数 通过将值传递给setSquare()函数使脚本更容易阅读和理解。见课本脚本3－4

6 3.3 探测对象 在编写脚本时，可能希望检查浏览器是否有能力理解你要使用的对象。进行这种检查的方法称为对象探测。 方法是对要寻找的对象进行条件测试，如下所示： If(document.getElementById){ 如果对象存在，If语句就为true。如果浏览器不能理解这个对象，就返回false。

7 3.3 探测对象 window.onload = initAll; function initAll() { if (document.getElementById) { for (var i=0; i<24; i++) { setSquare(i); } else { alert("Sorry, your browser doesn't support this script"); function setSquare(thisSquare) { var currSquare = "square" + thisSquare; var newNum = Math.floor(Math.random() * 75) + 1; document.getElementById(currSquare).innerHTML = newNum;

8 3.4 处理数组 数组(Array)对象 格式：对象名 = new Array([元素个数]) 或 对象名 = new Array([值1[,值2,…]]) 例如：fruit=new Array(2) 声明了有2个元素的数组 fruit=new Array(“苹果”,”橘子”) 声明了有2个 数组元素的数组，并赋值。

9 3.4 处理数组 属性：index：数组元素的索引值。 length：数组长度(数组元素个数)。 方法：join()：将数组内的所有值组合成一个字符串，并用特定符号分开。 toString()：以字符串来表示数组和数组值。 reverse()：将数组内元素的索引次序翻转过来 举例：见课本脚本3－6

10 3.5 处理有返回值的函数 到目前为止，你看到的所有函数都只是做某些事情，然后返回。但有时候，希望函数返回某种结果。脚本3-7通过将前面示例中的一些计算转移到一个函数中，这个函数为Bingo卡片上的单元格返回随机数，然后另一个函数使用它返回的结果，这使整个脚本更容易理解了。

11 3.5 处理有返回值的函数 function getNewNum() { return Math.floor(Math.random() * 15); } 这行代码计算一个0～14的随机数并返回它。在可以使用变量或数字的任何地方，都可以使用这个函数。

12 3.6  更新数组 举例：见课本脚本3-8

13 3.7　使用do/while循环 语法：while (<逻辑表达式>) {语句组} 举例： <Script> var i = 5; while ( i > 0 ) { document.write("i = " ,i ,"<BR>"); i--; } </Script>

14 3.7　使用do/while循环 语法：do { 语句或语句组 }while (<逻辑表达式>) 举例： <Script> var i = 5; do { document.write("i = " ,i ,"<BR>"); i--; } while ( i > 0 ) </Script>

15 3.8  以多种方式调用脚本 在本书中到目前为止，你看到的脚本都是在装载页面时自动运行的。但是在现实环境中，常常希望让用户对脚本有更多的控制能力，甚至允许他们控制脚本在何时运行。在这个示例中（脚本3-10），脚本仍然在装载页面时运行。但是，还允许用户点击页面底部的链接来重新运行脚本，这样就可以完全在浏览器中生成Bingo卡片，而不需要从服务器重新装载页面。这向用户提供了快速的响应，而且不会产生服务器负载。这是最后一个Bingo卡片示例，其中包含本章前面使用的所有技术。

16 3.8  以多种方式调用脚本 举例： 见课本脚本3－10

17 3.9 组合使用JavaScript和CSS 见课本脚本3－11

18 3.10 检查状态 检查Bingo卡片是否构成获胜模式。 示例见课本脚本3－12

19 3.11 处理字符串数组 见课本脚本3－13