JavaScript程序设计基础教程第8章 浏览器对象.pptVIP

* * * * 第8章 浏览器对象 【学习目标】 本章主要介绍常用的浏览器对象，通过本章的学习，读者可以达到以下学习目的： ●　熟悉窗口对象（Window） ●　熟悉文档对象（document） ●　熟悉表单对象（form） 课件制作人： 【学习导航】 本章主要介绍常用的浏览器对象，如窗口对象（Window），文档对象（document）和表单对象（form）。本章在书中的学习位置如图8.1所示。 课件制作人： 【知识框架】 本章学习内容知识框架如图8.2所示。 课件制作人： √ 本章目录 8.1 窗口（Window）对象 8.2 文档(document)对象 8.3 表单(form)对象 √ √ 课件制作人： 8.1 窗口（Window）对象 Window对象概述 Window对象的属性和方法 打开和关闭窗口 定时打开窗口 √ √ √ √ 在HTML中打开对话框应用极为普遍，但也有一些缺陷。用户浏览器决定对话框的样式，设计者左右不了其对话框的大小及样式，但JavaScript给了程序这种控制权。在JavaScript中可以使用Window对象来实现对对话框的控制。 课件制作人： Window对象概述 Window对象代表的是打开的浏览器窗口。通过Window 对象可以控制窗口的大小和位置、由窗口弹出的对话框、打开窗口与关闭窗口，还可以控制窗口上是否显示地址栏、工具栏和状态栏等栏目。对于窗口中的内容，Window对象可以控制是否重载网页、返回上一个文档或前进到下一个文档。 在框架方面，Window对象可以处理框架与框架之间的关系，并通过这种关系在一个框架处理另一个框架中的文档。Window对象还是所有其他对象的顶级对象，通过对Window对象的子对象进行操作，可以实现更多的运态效果。Window对象作为对象的一种，也有着其自己的方法和属性。 课件制作人： Window对象的属性和方法 1．Window对象的属性 顶层Window对象是所有其他子对象的父对象，它出现在每一个页面上，并且可以在单个JavaScript应用程序中被多次使用。 为了便于读者的学习，本节将Window对象中的属性以表格的形式进行详细说明。Window对象的属性以及说明如表8.1所示。 课件制作人： Window对象的属性和方法 2．Window对象的方法 除了属性之外，Window对象还拥有很多方法。Window对象的方法以及说明如表8.2所示。 课件制作人： 打开和关闭窗口 通过JavaScript脚本的open()方法和close()方法可以打开和关闭新窗口。下面主要介绍open()方法，其语法格式如下。 WindowVar=window.open(url,windowname[,location]); WindowVar：当前打开窗口的句柄。如果open()方法成功，则WindowVar的值为一个Window对象的句柄，否则WindowVar的值是一个空值。 url：目标窗口的URL。如果URL是一个空字符串，则浏览器将打开一个空白窗口，允许用write()方法创建动态HTML。 windowname：window对象的名称。 location：对窗口属性进行设置，其可选参数如表8.3所示。 课件制作人： 打开和关闭窗口 例8.1 下面设计一个有三个超链接的页面，单击这些链接时可以打开、关闭新窗口，以及关闭本身窗口，程序代码如下。 html head meta http-equiv=Content-Type content=text/html; charset=gb2312 / title打开和关闭窗口/title /head script language=javascript var mywindow; function openmywindow() { mywindow=open(mywindow.html,myWindow,height=80,width=300,top=10,left=0); } function closemywindow() { mywindow.close(); } /script body pA href=javascript:openmywindow()打开新窗口/A/p pA href=javascript:closemywindow()关闭新窗口/A/p pA href=javascript:close()关闭本窗口/A/p /body/html （1）在上述代码中，A…/A的href属性指定的是JavaScript语句，意思是单击这个超链接时就执行其指定的JavasSript脚本。 （2）函数open