JavaScript中的浏览器对象.ppt

《JavaScript中的浏览器对象.ppt》由会员分享，可在线阅读，更多相关《JavaScript中的浏览器对象.ppt（26页珍藏版）》请在三一办公上搜索。

1、JavaScript中的浏览器对象,第 九 章,2,内容回顾,对象this语句with语句new操作符eval函数字符串对象Math对象Date对象,3,本章目标,JavaScript 中的通用事件 浏览器对象-属性和方法,4,事件对象概念（P129）,事件是在网页上进行的操作。事件可以由用户生成，叫做用户事件。也可以由系统生成，叫做系统事件。每个事件都有与之相关联的Event对象Event 对象提供下列信息：事件类型事件发生时光标的位置使用的是哪个鼠标按钮有没有使用功能键Event 对象是用作事件处理程序的一部分,不能直接与Windows对象一同使用。,5,事件的生命周期（P129）,事件的

2、生命周期通常包含下列阶段：与发生的事件相关联的用户操作或条件立即更新 Event 对象以反映事件的状态触发事件调用相关联的事件处理程序事件处理程序执行其操作并返回,6,页面元素事件（P129）,与各种页面元素相关联的事件是“文档对象模型(DOM)的一部分”，而不属于JavaScript，只能说是JavaScript事件，所以事件名不是写在标记内部，而是写在标记内部的，但事件调用的程序可以是JavaScript代码。,7,JavaScript事件（P129）,onClick(表单元素的单击事件)onChange(表单元素的内容发生变化时发生)onFocus(得到焦点)onBlur（失去焦点）on

3、MouseDown(按下鼠标时发生)nMouseUp(释放鼠标时发生)onSubmit(表单提交,通常是“提交”(submit)按钮来触发),8,onClick 事件（P130）,当用户在某些表单元素、超文本链接或其他元素上单击鼠标左键时发生此事件第一个数:第二个数:和:,9,onChange 事件（P130）,当文本控件或选择列表中的某个选择发生变化，且焦点离开时发生此事件第一个数：第一个数：,10,onFocus 事件 和 onBlur事件（P131）,onFocus 事件：当某个表单元素被激活，即拥有焦点时发生。onBlur事件：当焦点离开某个表单元素时发生。,11,onMouseOve

4、r事件和 onMouseOut 事件（P132）,onMouseOver事件：当鼠标光标悬停在元素上时发生onMouseOut 事件：当鼠标光标离开元素上时发生,12,onLoad 事件（P133）,当一个文档或图像加载完毕时发生,13,onSubmit 事件（P133）,当用户单击“提交”按钮时，在实际提交表单内容之前发生。,14,onMouseDown 事件：当鼠标按钮按下还没松开之前发生onMouseUp事件：当鼠标按钮松开时发生,onMouseDown 事件和 onMouseUp事件(P133）,15,onResize事件（P134）,当用户或脚本在调整窗口或框架时发生请调整窗口大小?

5、,16,处理事件（P135）,为响应事件而执行的JavaScript代码段称为事件处理程序事件处理程序分为：HTML 标记事件处理程序的语法 注：函数里面的是JavaScript代码 以属性的形式出现的事件处理程序 对象名.事件类型=函数名;注：函数里面的是JavaScript代码,17,HTML 标记事件处理程序示例（P135）,必须指定标记和事件处理程序属性，然后将JavaScript代码指定给事件处理程序我的主页,18,以属性的形式出现的事件处理程序示例（P136）,优点是可灵活地选择事件处理程序，并在需要时修改事件处理程序,19,通用浏览器对象（P136）,浏览器是用于显示 HTML

6、文档内容的应用程序浏览器还公开了一些可在脚本中访问和使用的对象。,20,文档对象模型（P137）,最低公用标准的文档对象层次,21,Window 对象(浏览器的主容器)（P137）,Window 对象表示浏览器的窗口，可用于检索有关窗口状态的信息。属性Document(HTML文档)event(事件的状态)history(客户访问过和URL的信息)location(当前URL的信息)name(窗口或框架的名称)Screen(屏幕和显示性能的信息)Status(状态栏信息)方法alert(对话框)blur(失去焦点并触发onblur事件)close(关闭)focus(得到焦点)Navigate(

7、加载URL到当前窗口)Open(打开新窗口显示指定的URL文档),22,Document 对象（P138）,Document 对象表示给定浏览器窗口中的 HTML 文档，用于检索有关该文档的信息。属性alinkColor bgColor body fgColor linkColor location title URLvlinkColor 方法clear close open write writeln,23,History对象（P139）,此对象提供客户最近访问过的 URL 列表。方法 back forward go(number),24,Location 对象（P139）,此对象包含有关当

8、前 URL 的信息，它提供了重新加载窗口的当前 URL 的方法。属性hash host hostname href 方法assign reload replace,25,总结,事件是网页上发生的操作。每个事件都有与之相关的Event对象。事件有一个生命周期，始于触发事件的操作或条件，终于事件处理程序的最终响应。用户可以指定在生成事件时要执行的，响应该事件的JavaScript代码。这段代码称为事件处理程序。浏览器是用于显示HTML文档内容的应用程序。浏览器还公开了一些可在脚本中访问和使用的对象。Window对象表示浏览器的窗口。模型中的所有其他对象都继承自Window对象，而且是通过Window对象访问的,26,作业,1、是浏览器的顶级对象。2、提供了用户最近访问的地址列表。3、对象表示浏览器窗口中的HTML文档。4、文本框在失去焦点时发生 事件，而在获得焦点时发生 事件。5、和鼠标相关的事件有哪些，分别在什么时候发生？6、文档对象的哪些属性是描述和超连接颜色相关的，分别是什么，表示什么含义？,