web编程基础－css、javascript、jquery第2部分javascript.pptVIP

网页图片滚动特效制作 《WEB编程基础》 11、 JavaScript 循环 （3）JavaScript Break 和 Continue 1）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 The number is 0 The number is 1 The number is 2 网页图片滚动特效制作 《WEB编程基础》 11、 JavaScript 循环 （3）JavaScript Break 和 Continue 2）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 The number is 0 The number is 1 The number is 2 The number is 4 The number is 5 The number is 6 The number is 7 The number is 8 The number is 9 The number is 10 网页图片滚动特效制作 《WEB编程基础》 11、 JavaScript 循环 （4）JavaScript for...in 语句 for...in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。 for...in 语句用于对数组或者对象的属性进行循环操作。 for ... in 循环中的代码每执行一次，就会对数组的元素或者对象的属性进行一次操作。 语法： for (变量 in 对象) { 在此执行代码 } “变量”用来指定变量，指定的变量可以是数组元素，也可以是对象的属性。 二、关键技术 网页图片滚动特效制作 《WEB编程基础》 11、 JavaScript 循环 （4）JavaScript for...in 语句 二、关键技术 html body script type=text/javascript var x var mycars = new Array() mycars[0] = Saab mycars[1] = Volvo mycars[2] = BMW for (x in mycars) { document.write(mycars[x] + br /) } /script /body /html 网页图片滚动特效制作 《WEB编程基础》 二、关键技术 12、 JavaScript 事件 事件是可以被 JavaScript 侦测到的行为。 （1）事件 JavaScript 使我们有能力创建动态页面。事件是可以被 JavaScript 侦测到的行为。 网页中的每个元素都可以产生某些可以触发 JavaScript 函数的事件。比方说，我们可以在用户点击某按钮时产生一个 onClick 事件来触发某个函数。事件在 HTML 页面中定义。 网页图片滚动特效制作 《WEB编程基础》 二、关键技术 12、 JavaScript 事件 事件举例： 鼠标点击 页面或图像载入 鼠标悬浮于页面的某个热点之上 在表单中选取输入框 确认表单 键盘按键 注意：事件通常与函数配合使用，当事件发生时函数才会执行。 网页图片滚动特效制作 《WEB编程基础》 二、关键技术 12、 JavaScript 事件 （2）onload 和 onUnload 当用户进入或离开页面时就会触发 onload 和 onUnload 事件。 onload 事件常用来检测访问者的浏览器类型和版本，然后根据这些信息载入特定版本的网页。 onload 和 onUnload 事件也常被用来处理用户进入或离开页面时所建立的 cookies。例如，当某用户第一次进入页面时，你可以使用消息框来询问用户的姓名。姓名会保存在 cookie 中。当用户再次进入这个页面时，你可以使用另一个消息框来和这个用