第05章在网页中使用简单的JavaScript.pptVIP

二、JavaScript编程基础 语句 循环语句 c）do … while语句（直到型） 　　 do 　　 { 语句块； } 　　 while(条件式) 首先执行循环体语句，再判别条件。如果表达式的值为真，则执行循环体语句，否则退出循环。 Example12_9 二、JavaScript编程基础 语句 循环语句 d）break和continue语句 　 使用break语句使得循环从for或while中跳出，而continue使得跳过循环内剩余的语句而进入下一次循环。 Example12_10 二、JavaScript编程基础 函数 函数是能够完成一定功能的代码块。代码块中的语句被作为一个整体引用和执行。 在使用函数之前，必须先定义函数。 函数定义通常放在HTML文档开头中，也可以放在其他位置。 格式 function 函数名 （参数1,参数2，…） { 语句段; … return 表达式; } Example12_11 二、JavaScript编程基础 函数 有关说明 函数由关键字function定义。 函数名：调用函数时引用的名称。函数名对大小写是敏感的。 参数表:调用函数时接受传入数值的变量名。　 大括号中的语句是函数的执行语句，当函数被调用时执行。 如果需要返回值，可以使用return语句，需要返回的值放在return之后。如果return后没有指明数值或没有使用return语句，则函数返回值为不确定值。 内容提要 JavaScript简介 JavaScript编程基础 JavaScript的事件驱动 JavaScript的对象 JavaScript应用举例 三、JavaScript的事件驱动 事件 通常鼠标或热键的动作我们称之为事件（Event） 比如：单击鼠标时产生一个单击onClick事件。 事件驱动 由鼠标或热键引发的一连串程序的动作，称之为事件驱动（Event Driver） 比如：onClick事件引发检查表单数据有效性。 三、JavaScript的事件驱动 主要有以下几个事件（P209） onClick 单击事件 onChange改变事件 onSelect 选中事件 onFocus 聚焦事件 onBlur 失去焦点事件 onLoad 载入文件 onUnload 卸载文件 Example12_12 内容提要 JavaScript简介 JavaScript编程基础 JavaScript的事件驱动 JavaScript的对象 JavaScript的应用 重点和难点 四、JavaScript的对象 对象是客观世界中存在的实体。 计算机世界中的也包含各种对象 比如一个web页面，包含背景色、前景色等，也包含打开，关闭，读写等 四、JavaScript的对象 JavaScript中的对象是由属性(properties)和方法(methods)两个基本的元素的构成的。 属性：用来描述对象特性的一组数据，也就是若干变量。 方法：用来操作对象特性的若干动作，也就是若干函数。 四、JavaScript的对象 在JavaScript中，用户可以操作的对象通常有三种类型： JavaScript内部类型 浏览器对象 用户自建对象 访问对象的属性或方法 基本格式： 对象名.属性/方法 四、JavaScript的对象 JavaScript内部类型 String 对象用来存放字符串（P210） 例: example12_13.htm Date对象 表示从年到毫秒的所有时间和日期。(P211) 例:example12_14.htm Math对象（P213） 四、JavaScript的对象 浏览器对象 document对象 document对象代表当前浏览器窗口中的文档，使用它可以访问到文档中的所有其他对象（如图像、表单等）。 属性：（P214） 常用事件：（P214） 方法： write和writen：向当前窗口输出内容。 区别：writen方法在输出串后自动添加一个文本换行符（不是HTML的br）。此换行符只有输出文本在pre/pre标记块中才起作用，其他情况都被忽略。因此，在大多数情况下，这两种方法没有什么区别。 四、JavaScript的对象 浏览器对象 windows对象 有12个属性、8个方法和2个事件（p215） 事件: onLoad: onUnload: 方法 alert :创建一个具有说明信息的对话框。 confirm:创建一个具有说明信息且有OK（确定）和cancel（取消）按钮的对话框。 prompt: 创建一个可输入且有OK（确定）和cancel（取消）按钮的对话框 open: 打开另一个浏览器窗口。 close:关闭浏览器窗口。 setTimeout: 设置计