组合使用JavaScript和CSS.pptVIP

第三章 第一个Web应用程序 3.1 用循环进行重复操作 For 循环 for ( [初始值]；[条件]；[增量] ) { 语句或语句组} 举例： Script for ( var i = 5; i 0; i-- ) { document.write(“i = ” ,i ,“BR/); } /Script 3.1 用循环进行重复操作 举例：见课本脚本3－1、3－2Bingo卡片游戏 3.2 将值传递给函数 当需要获得一些信息并将它交给函数使用，这称为将信息传递给函数。举例： function playBall(batterup) 变量batterup是函数的参数。可以给函数传递任何数据，包括文本字符串、数字或其他JavaScript对象。 一个函数可以有多个参数。 function currentScore(hometeam,visitors) 3.2 将值传递给函数 通过将值传递给setSquare()函数使脚本更容易阅读和理解。见课本脚本3－4 3.3 探测对象 在编写脚本时，可能希望检查浏览器是否有能力理解你要使用的对象。进行这种检查的方法称为对象探测。 方法是对要寻找的对象进行条件测试，如下所示： If(document.getElementById){ 如果对象存在，If语句就为true。如果浏览器不能理解这个对象，就返回false。 3.3 探测对象 window.onload = initAll; function initAll() { if (document.getElementById) { for (var i=0; i24; i++) { setSquare(i); } } else { alert(Sorry, your browser doesnt support this script); } } function setSquare(thisSquare) { var currSquare = square + thisSquare; var newNum = Math.floor(Math.random() * 75) + 1; document.getElementById(currSquare).innerHTML = newNum; } 3.4 处理数组 数组(Array)对象 格式：对象名 = new Array([元素个数]) 或 对象名 = new Array([值1[,值2,…]]) 例如：fruit=new Array(2) 声明了有2个元素的数组 fruit=new Array(“苹果”,”橘子”) 声明了有2个 数组元素的数组，并赋值。 3.4 处理数组 属性：index：数组元素的索引值。 length：数组长度(数组元素个数)。 方法：join()：将数组内的所有值组合成一个字符串，并用特定符号分开。 toString()：以字符串来表示数组和数组值。 reverse()：将数组内元素的索引次序翻转过来 举例：见课本脚本3－6 3.5 处理有返回值的函数 到目前为止，你看到的所有函数都只是做某些事情，然后返回。但有时候，希望函数返回某种结果。脚本3-7通过将前面示例中的一些计算转移到一个函数中，这个函数为Bingo卡片上的单元格返回随机数，然后另一个函数使用它返回的结果，这使整个脚本更容易理解了。 3.5 处理有返回值的函数 function getNewNum() { ? return Math.floor(Math.random() * 15); } 这行代码计算一个0～14的随机数并返回它。在可以使用变量或数字的任何地方，都可以使用这个函数。 3.6? 更新数组 举例：见课本脚本3-8 3.7　使用do/while循环 语法：while (逻辑表达式) {语句组} 举例： Script var i = 5; while ( i 0 ) { document.write(i = ,i ,BR); i--; } /Script 3.7　使用do/while循环 语法：do { 语句或语句组 }while (逻辑表达式) 举例： Script var i = 5; do { document.write(i = ,i ,BR); i--; } while ( i 0 ) /Script 3.8? 以多种方式调用脚本 在本书中到目前为止，你看到的脚本都是在装载页面时自动运行的。但是在现实环境中，常