JavaScript中的浏览器对象

单击此处编辑母版标题样式,第一级,第二级,*,JavaScript,中的浏览器对象,第 九,章,内容回顾,对象,this,语句,with,语句,new,操作符,eval,函数,字符串对象,Math,对象,Date,对象,2,本章目标,JavaScript,中的通用事件,浏览器对象-属性和方法,3,事件对象概念,事件可以由用户生成，也可以由系统生成,每个事件都有与之相关联的,Event,对象,Event,对象提供下列信息：,事件类型,事件发生时光标的位置,Event,对象可以用作事件处理程序的一部分,4,事件的生命周期,事件的生命周期通常包含下列阶段：,与发生的事件相关联的用户操作或条件,立即更新,Event,对象以反映事件的状态,触发事件,调用相关联的事件处理程序,事件处理程序执行其操作并返回,5,JavaScript,事件,onClick,onChange,onFocus,onBlur,onMouseOver,onMouseOut,onLoad,onSubmit,onMouseDown,onMouseUp,6,onClick,事件示例,请输入表达式：,结果：,7,onChange,事件示例,function checkNum(num),if(num=),alert(,请输入一个数字值,);,return false;,if(isNaN(num),alert(,请输入一个数字值,);,return false;,else alert(,谢谢！,);,请输入一个数字：,8,onFocus/onBlur,事件示例,9,onMouseOver/onMouseOut,事件示例,var num=0;,function showLink(num),if(num=1),document.forms0.elements0.value=,您选择了,Aptech;,if(num=2),document.forms0.elements0.value=,您选择了,Asset;,if(num=3),document.forms0.elements0.value=,您选择了,Arena;,Aptech,Asset,Arena,10,onLoad,事件示例,您好,function hello(),alert(,您好,);,11,onMouseDown/onMouseUp,事件示例,INPUT type=button name=text1 value=,改变颜色,onmousedown=(document.bgColor=aqua),onmouseup=(document.bgColor=limegreen),12,onResize,事件示例,window.onresize=notify;,function notify(),alert(,窗口大小调整完毕！,);,请调整窗口的大小。,13,处理事件,为响应事件而执行的,JavaScript,代码段称为事件处理程序,事件处理程序分为：,HTML,标记事件处理程序,以属性的形式出现的事件处理程序,object.eventhandler=function;,14,HTML,标记事件处理程序示例,我的主页,15,以属性的形式出现的事件处理程序示例,我的主页,16,通用浏览器对象,浏览器是用于显示,HTML,文档内容的应用程序,浏览器还公开了一些可在脚本中访问和使用的对象。,IE,浏览器对象,Netscape,浏览器对象,17,文档对象模型,最低公用标准的文档对象层次,window,frame,self,top,parent,document,history,location,link,form,anchor,text,select,radio,button,reset,textarea,checkbox,option,submit,18,Window,对象,Window,对象表示浏览器的窗口，可用于检索有关窗口状态的信息。,属性,document,event,history,location,name,screen,方法,alert,blur,close,focus,navigate,open,19,Document,对象,Document,对象表示给定浏览器窗口中的,HTML,文档，用于检索有关该文档的信息。,属性,alinkColor,bgColor,body,fgColor,linkColor,location,title,URL,vlinkColor,方法,clear,close,open,write,writeln,20,History,对象,此对象提供客户最近访问过的,URL,列表。,方法,back,forward,go,21,Location,对象,此对象包含有关当前,URL,的信息，它提供了重新加载窗口的当前,URL,的方法。,属性,hash,host,hostname,href,方法,assign,reload,replace,22,总结,事件是网页上发生的操作。,每个事件都有与之相关的,Event,对象。,事件有一个生命周期，始于触发事件的操作或条件，终于事件处理程序的最终响应。,用户可以指定在生成事件时要执行的，响应该事件的,JavaScript,代码。这段代码称为事件处理程序。,浏览器是用于显示,HTML,文档内容的应用程序。,浏览器还公开了一些可在脚本中访问和使用的对象。,Window,对象表示浏览器的窗口。,模型中的所有其他对象都继承自,Window,对象，而且是通过,Window,对象访问的,23,