BOM——浏览器对象模型(Browser_Object_Model).docxVIP

PAGE PAGE # PAGE PAGE # BO ■—浏览器对象模型(Browser Object Model) 什么是 BOMI 模型是所研究的系统、过程、事物或概念的一种表达形式! BOh是Browser Object Model的缩写，简称浏览器对象模型 BOM提供了独立于内容而与浏览器窗口进行交互的对象 ?由于BOMfc要用于管理窗口与窗口之间的通讯，因此其核心对象是 window BOM由 一系列相关的对象构成，并且每个对象都提供了很多方法与属性 ? BOM缺乏标准，JavaScript语法的标准化组织是ECMADOM勺标准化组织 是 W3（ WHATWG,WebHypertextApplicati on Tech nologyWorki ngGroup 网页超文本应用程序技术工作组目前正在努力促进 BOMS标准化） BOMR初是Netscape浏览器标准的一部分 基本的BOM体系结构图 能利用BOM做什么? BOh提供了一些访问窗口对象的一些方法，我们可以用它来移动窗口位置， 改变窗口大小，打开新窗口和关闭窗口，弹出对话框，进行导航以及获取客户的 一些信息如：浏览器品牌版本，屏幕分辨率。但BOMR强大的功能是它提供了一 个访问HTML页面的一入口 document对象，以使得我们可以通过这个入口来 使用DOM勺强大功能！！ ！ window对象是BOM的顶层（核心）对象，所有对象都是通过它延伸出来的， 也可以称为window的子对象。由于window是顶层对象，因此调用它的子对象时 可以不显示的指明window对象，例如下面两行代码是一样的： docume nt.write(BOM); BOM); window -- window对象是BOM中所有对象的核心。window对象表示整个浏 览器窗口，但不必表示其中包含的内容。此外， wi ndow还可用于移动或调整它 表示的浏览器的大小，或者对它产生其他影响。 JavaScript中的任何一个全局函数或变量都是 win dow的属性 win dow子对象 docume nt 对象 frames 对象 ? history 对象 locatio n 对象 n avigator 对象 ? scree n 对象 wi ndow对象关系属性 pare nt :如果当前窗口为frame，指向包含该frame的窗口的frame （frame） self :指向当前的 window对象，与 window 同意。 （window对象） top :如果当前窗口为frame，指向包含该frame的top-level 的window 对象 window :指向当前的 window对象，与 self 同意。 ?opener ：当窗口是用javascript 打开时，指向打开它的那人窗口 (开启 者) win dow对象定位属性 ? IE 提供了 window.screenLeft 和 window.screenTop 对象来判断窗口的位 置，但未提供任何判断窗口大小的方法。用 offsetHeight 属性可以获取 视口的大小(显示HTML页的区域)，但它们不是标准属性。 * Mozilla 提供 window.screenX 和 window.screenY 属性判断窗口的位置。 它还提供了 window.innerWidth 和 window.innerHeight 属性来判断视口 的大小，window.outerWidth和window.outerHeight 属性判断浏览器窗 口自身的大小。 wi ndow对象的方法 窗体控制 moveBy(x,y) 从当前位置水平移动窗体 x个像素，垂直移动窗体y个 像素，x为负数，将向左移动窗体，y为负数，将向上移动窗体 moveTo(x,y) 移动窗体左上角到相对于屏幕左上角的(x,y)点，当使用 负数做为参数时会吧窗体移出屏幕的可视区域 resizeBy(w,h)――相对窗体当前的大小，宽度调整 w个像素，高度调整 h个像素。如果参数为负值，将缩小窗体，反之扩大窗体 resizeTo(w,h) 把窗体宽度调整为w个像素，高度调整为h个像素 窗体滚动轴控制 scrollTo(x,y)――在窗体中如果有滚动条，将横向滚动条移动到相对于 窗体宽度为x个像素的位置，将纵向滚动条移动到相对于窗体高度为 y 个像素的位置 scrollBy(x,y) ――如果有滚动条，将横向滚动条移动到相对于当前横向 滚动条的x个像素的位置(就是向左移动x像素)，将纵向滚动条移动到相 对于当前纵向滚动条高度为y个像素的位置(就是向下移动y像素) 窗体焦点控制 focus() 使窗体或控件获取焦点 blur() 与focus函数相反，使窗体或控件失