第4章 javascript技术.pptVIP

4.10　JavaScript可以使用的浏览器对象 对象模型如下图所示： 4.10.1　窗口对象 JavaScript是基于对象的脚本编程语言，那么它的输入输出就是通过对象来完成的。其中有关输入可通过窗口（window）对象来完成，而输出可通过文档（document）对象的方法来实现。 窗口及输入输出 窗口对象 窗口对象的事件驱动 窗口对象的方法 窗口对象中的属性 输出流及文档对象 4.10.1　窗口对象 window.open(“URL”,”窗口名字”,”窗口属性”) 创建一个新窗口 alert() 创建一个具有OK按钮的对话框 confirm() 提供一个具有OK和Cancel按钮的对话框 prompt(“提示信息”,默认值) 允许用户输入信息的对话框 窗口对象属性: frames:一个窗口中的全部帧数 Parent:当前窗口或帧的父窗口 defaultstatus:默认状态,值显示在窗口的状态栏中 status:包含文档窗口中帧中的当前信息 top:用以实现所有的下级窗口的窗口 window:指的是当前窗口 self:也是引用当前窗口 4.10.1　窗口对象 ch4_18 弹出窗口举例 4.10.1　窗口对象 ch4_19 打开新窗口举例 4.10.2　文档对象 文档对象是非常重要的,它位于最低层,但对于我们实现Web页面信息交互起作关键作用。因而它是对象系统的核心部分。 document中三个主要的对象 anchor锚对象 链接links对象 窗体（Form）对象 文档对象中的attribute属性 激活的链接颜色：alinkColor 链接颜色：linkColor 浏览过后的颜色：vlinkColor 背景颜色：bgColor 前景颜色：fgColor 文档对象的基本元素 表单属性 锚属性 链接属性 4.10.2　文档对象 ch4_20 表单取值举例 4.10.2　文档对象 ch4_21 表单验证举例 4.11　JavaScript的事件处理 基本概念 JavaScript是基于对象(object-based)的语言。而基于对象的基本特征，就是采用事件驱动(event-driven)。通常鼠标或热键的动作我们称之为事件，而由鼠标或热键引发的一连串程序的动作，称之为事件驱动。而对事件进行处理的程序或函数，我们称之为事件处理程序（Event Handler）。 事件处理程序 在JavaScript中对象事件的处理通常由函数(Function)担任。其基本格式与函数全部一样，可以将前面所介绍的所有函数作为事件处理程序。 4.11　JavaScript的事件处理 （续） 事件驱动 单击事件onclick 改变事件onchange 选中事件onselect 获得焦点事件onfocus 失去焦点onblur 载入文件onload 卸载文件onunload 鼠标左键按下onmousedown 鼠标左键抬起onmouseup 获取鼠标onmouseover 失去鼠标onmouseout 4.11　JavaScript的事件处理 （续） ch4_22 单击按钮事件 4.11　JavaScript的事件处理 （续） ch4_23 文本框事件 4.11　JavaScript的事件处理 （续） ch4_24 onselect事件 4.11　JavaScript的事件处理 （续） ch4_25 onblur事件验证 4.11　JavaScript的事件处理 （续） ch4_26 onload事件 4.11　JavaScript的事件处理 （续） ch4_27 onMouseUp和onMouseDown 本章总结 了解JavaScript的基本概念：JavaScript是一种基于对象（Object）和事件驱动（Event Driven）并具有安全性能的脚本语言 JavaScript的基本特点 是一种脚本编写语言。 基于对象的语言。 简单性。 安全性。 动态性。 跨平台性。 掌握JavaScript的基本语法 熟练掌握JavaScript中的对象，主要是window、document对象等常用对象。 掌握事件驱动概念熟练掌握JavaScript中的事件，例如onmouseover、onmouseout、onsubmit等。 熟练掌握使用JavaScript处理表单，例如表单内容的验证等。 4.6.3　程序流程图 （续） N-S图循环结构： 4.7 JavaScript的流程控制 在任何一种语言中，程序控制是必须的，它能使得整个程序顺利的按程序设计者希望的方式和顺序执行。下面是JavaScript常用的程序控制结构及语句，因为缺省情况下，程序是按照语句的顺序来依次执行的，所以顺序结构就是通过语