第四讲 BOM与DOM模型.pdfVIP

Javascript程序开发 BOM和DOM模型 主讲：XXX 版权声明 本课件由网新(天津)软件有限公司（以下简称：网 新天津）编制，仅供网新仿真实训的学员学习使用； 网新天津享有本课件中的文字叙述、文档格式、插 图、照片等所有信息资料的版权，受知识产权法及 版权法等法律、法规的保护。任何个人或组织未经 网新集团的书面授权许可，均不得以任何形式使用 本课件的任何内容，否则将视为不法侵害，网新天 津保留追究侵权人相关法律责任的权利 本讲目标 了解BOM和DOM模型 掌握页面中对象的获取及操作 本讲内容 一．BOM和DOM概述 二．BOM对象的使用 三．DOM操作 四．HTML DOM操作表格 一、BOM和DOM概述 （一）BOM和DOM的关系图 一、BOM和DOM概述 （二）BOM的概念 BOM(Browser Object Model)浏览器对象模型。 BOM是基于浏览器的模型 没有通过W3C规范的模型 （三）DOM的概念 DOM(Document Object Model) 文档对象模型W3C 规定的三类DOM标准接口 Core DOM （核心DOM ），适用于各种结构化文档 XML DOM （Java OOP学过），专用于XML文档 HTML DOM ，专用于HTML文档 二、BOM对象的使用 （一）Window对象 常用的方法 二、 BOM对象的使用 （一）Window对象 Open方法的应用 window.open(“页面”,“窗口名称”,“窗口特性); 名称 说明 height、width 窗口文档显示区的高度、宽度。以像素计。 left、top 窗口的x坐标、y坐标。以像素计 toolbar=yes | no |1 | 0 是否显示浏览器的工具栏。黙认是yes 。 scrollbars=yes | no |1 | 0 是否显示滚动条。黙认是yes 。 location=yes | no |1 | 0 是否显示地址地段。黙认是yes 。 status=yes | no |1 | 0 是否添加状态栏。黙认是yes 。 menubar=yes | no |1 | 0 是否显示菜单栏。黙认是yes 。 resizable=yes | no |1 | 0 窗口是否可调节尺寸。黙认是yes 。 titlebar=yes | no |1 | 0 是否显示标题栏。黙认是yes 。 是否使用全屏模式显示浏览器。黙认是no。处于 fullscreen 二、 BOM对象的使用 （一）Window对象 定时方法的应用 setTimeout()只对被调用函数执行一次，通常把该 setTimeout()用法 语句放在被调用函数内，实现递归调用 setTimeout （“调用的函数”, “指定的时间后 ） setInterval()方法 如果要多次调用使用setInterval() setInterval （调用的函数, 指定的时间间隔 ） 添加至收藏夹 IE ：window.