HTML CSS第七 八讲课件.ppt

JavaScript循环 JavaScript 中的循环用来将同一段代码执行指定的次数（或者当指定的条件为 true 时）。 JavaScript 有两种不同种类的循环： 1、for 将一段代码循环执行指定的次数 2、while 当指定的条件为 true 时循环执行代码 1、 For 循环 在脚本的运行次数已确定的情况下使用 for 循环。 语法： for (变量=开始值;变量=结束值;变量=变量+步进值) { 需执行的代码 } 例如：script type=text/javascript var i=0 for (i=0;i=10;i++){ document.write(The number is + i) document.write(br /) } /script 2、While 循环 利用 while 循环在指定条件为 true 时来循环执行代码。 While循环有两种情况： 1、while循环 2、 do while 循环 do...while 循环 do...while 循环是 while 循环的变种。该循环程序在初次运行时会首先执行一遍其中的代码，然后当指定的条件为 true 时，它会继续这个循环。所以可以这么说，do...while 循环为执行至少一遍其中的代码，即使条件为 false，因为其中的代码执行后才会进行条件验证。 语法： do { 需执行的代码 } while (变量=结束值) html body script type=text/javascript var i=0 do { document.write(The number is + i) document.write(br /) i=i+1 } while (i0) /script /body /html JavaScript Break 和 Continue语句 用来终止或中止循环的语句 break 语句 使用 break 语句来终止循环。 html body script type=text/javascript var i=0 for (i=0;i=10;i++){ if (i==3) {break} document.write(The number is + i) document.write(br /) } /script /body /html continue 语句 使用 continue 语句来终止当前的循环，然后从下一个值继续执行。 html body script type=text/javascript var i=0 for (i=0;i=10;i++){ if (i==3) {continue} document.write(The number is + i) document.write(br /) } /script /body /html JavaScript事件 JavaScript 事件 事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。 事件举例： 鼠标点击 -------------------------------------onclick 页面或图像载入 ------------------------------onload 鼠标悬浮于页面的某个热点之上 --------------onmouseover 鼠标按下 -------------------------------------onmousedown 鼠标松开--------------------------------------onmouseout 键盘按键 -------------------------------------onkeydown 键盘松开 -------------------------------------onkeyup 例如： input type=button size=30 id=email onclick=sendEmail() 总 结 总结： 1、JavaScript是一个轻量级的脚本语言，可以直接嵌入到网页中； 2、JavaScript的创建和注释； 3、JavaScript的变量和运算符的应用； 4、JavaScript的 If..else 和 switch 条件语句； 5、JavaScript的三种消息框：alert、confirm、prompt； 6、JavaScript的函数编写； 7、JavaScript的for循环、while循环和do