JSP应用开发与实践 教学课件 作者 刘乃琦 王冲 第2章 客户端应用技术基础.ppt

3．window对象 window对象是浏览器（网页）的文档对象模型结构中最高级的对象，它处于对象层次的顶端，提供了用于控制浏览器窗口的属性和方法。由于window对象使用十分频繁，又是其他对象的父对象，所以在使用window对象的属性和方法时，JavaScript允许省略window对象的名称。 window对象的常用属性如表2-19所示。 表2-19 window对象的常用属性 属性 描述 frames 表示当前窗口中所有frame对象的集合 location 用于代表窗口或框架的Location对象。如果将一个RUL赋予给该属性，那浏览器将加载并显示该URL指定的文档 length 窗口或框架包含的框架个数 history 对窗口或框架的History对象的只读引用 name 用于存放窗口的名字 status 一个可读写的字符，用于指定状态栏中的当前信息 parent 表示包含当前窗口的父窗口 opener 表示打开当前窗口的父窗口 closed 一个只读的布尔值，表示当前窗口是否关闭。当浏览器窗口关闭时，表示该窗口的Window对象并不会消失，不过它的closed属性被设置为true window对象的常用方法如表2-20所示。 表2-20 window对象的常用方法 方法 描述 alert() 弹出一个警告对话框 confirm() 显示一个确认对话框，单击“确认”按钮时返回true，否则返回false prompt() 弹出一个提示对话框，并要求输入一个简单的字符串 close() 关闭窗口 focus() 把键盘的焦点赋予给顶层浏览器窗口。在多数平台上，这将使用窗口移到最前边 open() 打开一个新窗口 setTimeout(timer) 在经过指定的时间后执行代码 clearTimeout() 取消对指定代码的延迟执行 resizeBy(offsetx,offsety) 按照指定的位移量设置窗口的大小 print() 相当于浏览器工具栏中的“打印”按钮 setInterval() 周期执行指定的代码 clearInterval() 停止周期性地执行代码 【例2-21】 通过按钮打开一个新窗口，并在新窗口的状态栏中显示当前年份。 （1）在主窗口中应用以下代码添加一个用于打开一个新窗口的按钮： input name=button value=打开新窗口 type=button onclick=window.open(newWindow.html,,width=360,height=100,status=yes) （2）创建一个新的JSP文件，名称为newWindow.jsp，在该文件中添加以下用于在状态栏中显示当前年份的代码。 script language=javascript var mydate=new Date(); //创建当前时间所对应的日期时间对象 window.status=现在是：+mydate.getFullYear()+年!; //设置状态栏显示文本 /script 运行结果如图2-25所示。 图2-25 运行结果 2.3.6 DOM技术 DOM是Document Object Model（文档对象模型）的简称，是表示文档（如HTML文档）和访问、操作构成文档的各种元素（如HTML标记和文本串）的应用程序接口（API）。它提供了文档中独立元素的结构化、面向对象的表示方法，并允许通过对象的属性和方法访问这些对象。另外，文档对象模型还提供了添加和删除文档对象的方法，这样能够创建动态的文档内容。DOM也提供了处理事件的接口，它允许捕获和响应用户以及浏览器的动作。下面将对其进行详细介绍。 1．DOM的分层结构 在DOM中，文档的层次结构以树形表示。树是倒立的，树根在上，枝叶在下，树的节点表示文档中的内容。DOM树的根节点是个Document对象，该对象的documentElement属性引用表示文档根元素的Element对象。对于HTML文档，表示文档根元素的Element对象是html标记，head和body元素是树的枝干。下面以一个简单的HTML文档说明DOM的分层结构。 html head title一个HTML文档/title /head body 欢迎访问明日科技网站！ br a href= /a /body /html 上面的HTML文档对应的Document对象的层次结构如图2-26所示。 图2-26 Document对象的文档层次结构图 说明：在树形结构中，直接位于一个节点之下的节点被称为该节点的子节点（children）；直接位于一个节点之上的节点被称为该节点的父节点（