JavaScript中的浏览器对象.ppt

JavaScript中的浏览器对象,第 九 章,2,内容回顾,对象 this语句 with语句 new操作符 eval函数 字符串对象 Math对象 Date对象,3,本章目标,JavaScript 中的通用事件 浏览器对象 - 属性和方法,4,事件对象概念（P129）,事件是在网页上进行的操作。 事件可以由用户生成，叫做用户事件。也可以由系统生成，叫做系统事件。 每个事件都有与之相关联的Event对象 Event 对象提供下列信息： 事件类型 事件发生时光标的位置 使用的是哪个鼠标按钮 有没有使用功能键 Event 对象是用作事件处理程序的一部分,不能直接与Windows对象一同使用。,5,事件的生命周期（P129）,事件的生命周期通常包含下列阶段： 与发生的事件相关联的用户操作或条件 立即更新 Event 对象以反映事件的状态 触发事件 调用相关联的事件处理程序 事件处理程序执行其操作并返回,6,页面元素事件（P129）,与各种页面元素相关联的事件是“文档对象模型(DOM)的一部分”，而不属于JavaScript，只能说是JavaScript事件，所以事件名不是写在标记内部，而是写在标记内部的，但事件调用的程序可以是JavaScript代码。,7,JavaScript事件（P129）,onClick (表单元素的单击事件) onChange (表单元素的内容发生变化时发生) onFocus (得到焦点) onBlur （失去焦点） onMouseDown (按下鼠标时发生) nMouseUp(释放鼠标时发生) onSubmit(表单提交,通常是“提交”(submit)按钮来触发),8,onClick 事件（P130）,当用户在某些表单元素、超文本链接或其他元素上单击鼠标左键时发生此事件 第一个数: 第二个数: 和: ,9,onChange 事件（P130）,当文本控件或选择列表中的某个选择发生变化，且焦点离开时发生此事件 第一个数： 第一个数： ,10,onFocus 事件 和 onBlur事件（P131）,onFocus 事件：当某个表单元素被激活，即拥有焦点时发生。 onBlur事件：当焦点离开某个表单元素时发生。 ,11,onMouseOver事件和 onMouseOut 事件（P132）,onMouseOver事件：当鼠标光标悬停在元素上时发生 onMouseOut 事件：当鼠标光标离开元素上时发生 ,12,onLoad 事件 （P133）,当一个文档或图像加载完毕时发生 ,13,onSubmit 事件 （P133）,当用户单击“提交”按钮时，在实际提交表单内容之前发生。 ,14,onMouseDown 事件：当鼠标按钮按下还没松开之前发生 onMouseUp事件：当鼠标按钮松开时发生 ,onMouseDown 事件和 onMouseUp事件(P133）,15,onResize事件 （P134）,当用户或脚本在调整窗口或框架时发生 请调整窗口大小? ,16,处理事件（P135）,为响应事件而执行的JavaScript代码段称为事件处理程序 事件处理程序分为： HTML 标记事件处理程序的语法 注：函数里面的是JavaScript代码 以属性的形式出现的事件处理程序 对象名.事件类型 = 函数名; 注：函数里面的是JavaScript代码,17,HTML 标记事件处理程序示例（P135）,必须指定标记和事件处理程序属性，然后将JavaScript代码指定给事件处理程序 我的主页 ,18,以属性的形式出现的事件处理程序示例（P136）,优点是可灵活地选择事件处理程序，并在需要时修改事件处理程序 ,19,通用浏览器对象（P136）,浏览器是用于显示 HTML 文档内容的应用程序 浏览器还公开了一些可在脚本中访问和使用的对象。,20,文档对象模型（P137）,最低公用标准的文档对象层次,21,Window 对象(浏览器的主容器) （P137）,Window 对象表示浏览器的窗口，可用于检索有关窗口状态的信息。 属性 Document (HTML文档) event (事件的状态) history (客户访问过和URL的信息) location (当前URL的信息) name (窗口或框架的名称) Screen (屏幕和显示性能的信息) Status (状态栏信息) 方法 alert (对话框) blur (失去焦点并触发onblur事件) close (关闭) focus (得到焦点) Navigate (加载URL到当前窗口) Open (打开新窗口显示指定的URL文档),22,Document 对象（P138）,Document 对象表示给定浏览器窗口中的 HTML 文档，用于检索有关该文档的信息。 属性 alinkColor bgColor body fgColor linkColor location title URL vlinkColor 方法 clear close open write writeln,23,History对象（P139）,此对象提供客户最近访问过的 URL 列表。 方法 back forward go(number),24,Location 对象（P139）,此对象包含有关当前 URL 的信息，它提供了重新加载窗口的当前 URL 的方法。 属性 hash host hostname href 方法 assign reload replace,25,总结,事件是网页上发生的操作。 每个事件都有与之相关的Event对象。 事件有一个生命周期，始于触发事件的操作或条件，终于事件处理程序的最终响应。 用户可以指定在生成事件时要执行的，响应该事件的JavaScript代码。这段代码称为事件处理程序。 浏览器是用于显示HTML文档内容的应用程序。 浏览器还公开了一些可在脚本中访问和使用的对象。 Window对象表示浏览器的窗口。 模型中的所有其他对象都继承自Window对象，而且是通过Window对象访问的,26,作业,1、 是浏览器的顶级对象。 2、