第3讲 浏览器对象.doc

第四讲 浏览器对象 教学重点： 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”; 属性：status script language=javascript（chapter03/section4/ windowstatus.asp） window.status=欢迎访问光临本站!; /script 方法：（chapter03/section4/ windowprompt.asp） alert方法，没有返回值！ Confirm方法：返回逻辑值返回按“是”返回true，否则返回false Prompt：返回输入的值。 举例： script language=javascript name=; name=mpt(请输入你的姓名:,name); window.alert(name+你好!下面要开始考试了!); if (window.confirm(你确实准备好了吗?)){ window.location.href=exam.asp; }; /script open方法：（chapter03/section4/ windowopen.asp） 用法：winhwnd=window.open(url,windowname,paralist) head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title无标题文档/title script language=javascript function openwin(url) { var newwin=window.open(url,winname,toolbar=no,directories=no,menubar=no,scrollbars=yes,rdsizable=no,width=500,height=360); newwin.focus(); return(newwin); } /script /head body a href=# onClick=JavaScript:openwin(meintro.asp)作者简介/a /body close方法：举例说明 div align=centera href=# onClick=JavaScript:self.close()关闭/a/div setTimeout方法：创建定时器，经过指定的毫秒后，自动调用指定的语句； clearTimeout方法：清除定时器；（chapter03/section4/ clock.asp） html head meta http-equiv=Content-Type content=text/html; charset=gb2312 title时钟/title script language=JavaScript var timer; function clock() { var timestr=; var now=new Date(); var hours=now.getHours(); var minutes=now.getMinutes(); var seconds=now.getSeconds(); timestr+=hours; timestr+=((minutes10)? :0 : :)+minutes; timestr+=((seconds10)? :0 : :)+seconds; window.document.frmclock.txttime.value=timestr; timer