第3讲浏览器对象

第四讲浏览器对象教学重点：1、浏览器提供的对象；2、JavaScript语言中的事件处理；教学要求：1、深刻认识浏览器的功能和其提供的各种对象，了解这些对象所提供的各种方法；熟练在Javascript编程调用浏览器中对象实现常用的功能的方法；2、熟悉面向对象程序设计的工作原理，了解各类对象的事件响应从而实现动态交互式页面；1、浏览器对象JavaScript除了可以访问本身内置的各种对象外，还可以访问浏览器提供的对象，通过对这些对象的访问，可以得到当前网页以及浏览器本身的一些信息，并能完成有关的操作。浏览器窗口与网页之间，网页与网页各组成部分之间并是一种从属关系，他们大关系如下2、Window对象：该对象位于最顶层，是其它对象的父对象，每一个window对象代表着一个浏览器窗口，访问其内部的其它对象：window可以省考略Window.子对象1.子对象2.属性名或方法名如：window.document.login.username.value=”guest”;或document.login.username.value=”guest”;属性：statusscriptlanguage=javascript（chapter03/section4/windowstatus.asp）window.status=欢迎访问光临本站!;/script方法：（chapter03/section4/windowprompt.asp）alert方法，没有返回值！Confirm方法：返回逻辑值返回按“是”返回true，否则返回falsePrompt：返回输入的值。举例：scriptlanguage=javascriptwindowsframedocumentlocationlayerhistoryexternalimagesformslinksname=;name=window.prompt(请输入你的姓名:,name);window.alert(name+你好!下面要开始考试了!);if(window.confirm(你确实准备好了吗?)){window.location.href=exam.asp;};/scriptopen方法：（chapter03/section4/windowopen.asp）用法：winhwnd=window.open(url,windowname,paralist)headmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312/title无标题文档/titlescriptlanguage=javascriptfunctionopenwin(url){varnewwin=window.open(url,winname,toolbar=no,directories=no,menubar=no,scrollbars=yes,rdsizable=no,width=500,height=360);newwin.focus();return(newwin);}/script/headbodyahref=#onClick=JavaScript:openwin('meintro.asp')作者简介/a/bodyclose方法：举例说明divalign=centerahref=#onClick=JavaScript:self.close()关闭/a/divsetTimeout方法：创建定时器，经过指定的毫秒后，自动调用指定的语句；clearTimeout方法：清除定时器；（chapter03/section4/clock.asp）htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312title时钟/titlescriptlanguage=JavaScriptvartimer;functionclock(){vartimestr=;varnow=newDate();varhours=now.getHours();varminutes=now.getMinutes();varseconds=now.getSeconds();timestr+=hours;timestr+=((minutes10)?:0::)+minutes;timestr+=((seconds10)?:0::)+seconds;window.document.frmclock.txttime.value=timestr;timer=setTimeout('clock()',1000);//设置定时器}functionstopit(){clearTimeout(timer);}/script/headbodyformaction=method=postname=frmclockid=frmclockp当前时间：inputname=txttimetype=textid=txttime/ppinputtype=buttonname=Submitvalue=启动始终onclick=clock()inputtype=buttonname=Submit2value=停止时钟onclick=stopit()/p/form/body/html将上述程序稍加更改，可以创建定时闹钟程序（chapter03/section4/clertclock.asp）htmlheadmetahttp-equiv=Content-Typecontent=text/html;charset=gb2312title时钟/titlescriptlanguage=JavaScriptvartimer;functionclock(){vartimestr=;varnow=newDate();varhours=now.getHours();varminutes=now.getMinutes();varseconds=now.getSeconds();timestr+=hours;timestr+=((minutes10)?:0::)+minutes;timestr+=((seconds10)?:0::)+seconds;window.document.frmclock.txttime.value=timestr;if(window.document.frmclock.settime.value==timestr){window.alert(起床啦！);}timer=setTimeout('clock()',1000);}functionstopit(){clearTimeout(timer);}/script/headbodyformaction=method=postname=frmclockid=frmclockp当前时间：inputname=txttimetype=textid=txttime/pp设定闹钟：inputname=settimetype=textid=settime/ppinputtype=buttonname=Submitvalue=启动始终onclick=clock()inputtype=buttonname=Submit2value=停止时钟onclick=stopit()/p/form/body/html3、location对象：该对象包含有当前网页的URL（统一资源定位器，即网址）。属性：href用于指定导航到的网页（chapter03/section4/frontpage.asp）举例：bodyahref=#onClick=Javascript:window.location.href='nextpage.asp'按此处到下一个页面/a/body4、history对象：该对象包含有最近10个网页的URL的地址。常用的方法为go（数值）方法，数值为负数往回，等价于浏览器中的“后退”。举例：body（chapter03/section4/nextpage.asp）ahref=#onClick=Javascript:window.history.go(-1)该网页是跳转后的页面,请按此处回到上一个页面!/a/body5、external对象：该对象有一个常用的addFavorite方法，利用该方法，可实现将指定的网页添加到收藏夹中body（chapter03/section4/externalpage.asp）这是一个值得珍藏的网页!ahref=#onClick=Javascript:window.external.addFavorite('安徽工业职业技术学院')点击珍藏/a/body6、document对象：代表当前网页，其常用方法为write用于在当前页面中输出HTML语句；scriptlanguage=javascript（chapter03/section4/document.asp）varcurday=newDate();document.write(今天是:);switch(curday.getDay()){case1:document.write(星期一);break;case2:document.write(星期二);break;case3:document.write(星期三);break;case4:document.write(星期四);break;case5:document.write(星期五);break;case6:document.write(fontcolor='FF0000'星期六/font);break;case0:document.write(fontcolor='FF0000'星期日/font);break;}/script7、JavaScript的事件处理（1）事件及响应方法JavaScript采用了事件驱动的响应机制，用户在网页中的交互操作，将触发相应的事件，当事件发生时，系统会调用执行对应的事件处理函数。事件：由系统预先定义好的，能被对象识别的一种动作。事件的类别：系统事件（Load，Unload）和用户事件(MouseOver,MouseOut,MouseDown、MouseUp,Click,KeyDown,KeyUp等事件的响应通过On与事件名称组成，比如Click事件，对应的事件为OnClick事件句柄=事件处理函数（）或语句网页中各对象的常用事件对象类别事件处理函数定义位置事件名称事件出发条件网页对象documentbody或document.bodyLoadUnloadContextmenuSelectstartMouseDown载入当前网页时触发试图载入一个新的网页时触发单击右键，弹出快捷菜单时触发在网页中用鼠标拖动时触发在网页中按下鼠标键时触发表单formSubmit用户提交表单Reset用户复位表单文本框口令输入框多行文地域inputtype=”text”inputtype=”password”textareaBlurFocusChangeSelectKeydownkeypress文本框失去焦点文本框得到焦点文本框内容发生变化选定文本框中的文本按下键盘上的某个键时触发发生在keydown之后，只有在keydown的事件处理函数返回true时才会触发普通按钮提交按钮复位按钮inputtype=”button”inputtype=”submit”inputtype=”reset”click单击按钮时触发超链接aclick单击超链接对象时触发（2）docume