JAVASCRIPT基础与案例开发12 2.pdf

BOM——浏览器对象模型(Browser Object Model) 什么是BOM？  BOM是Browser Object Model的缩写，简称浏览器对象模型  BOM提供了独立于内容而与浏览器窗口进行交互的对象  由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window  BOM 由一系列相关的对象构成，并且每个对象都提供了很多方法与属性  BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM 的标准化组织 是W3C （WHATWG,WebHypertextApplicationTechnologyWorkingGroup—— 网页超文本应用程序技术工作组目前正在努力促进BOM 的标准化）  BOM最初是Netscape浏览器标准的一部分 基本的BOM体系结构图 能利用BOM做什么？ BOM提供了一些访问窗口对象的一些方法，我们可以用它来移动窗口位置， 改变窗口大小，打开新窗口和关闭窗口，弹出对话框，进行导航以及获取客户的 一些信息如：浏览器品牌版本，屏幕分辨率。但BOM最强大的功能是它提供了一 个访问HTML页面的一入口——document对象，以使得我们可以通过这个入口来 使用DOM 的强大功能！！！ window对象是BOM 的顶层(核心)对象，所有对象都是通过它延伸出来的， 也可以称为window 的子对象。由于window是顶层对象，因此调用它的子对象时 可以不显示的指明window对象，例如下面两行代码是一样的： document.write(BOM); window.document.write(BOM); window -- window对象是BOM 中所有对象的核心。window对象表示整个浏 览器窗口，但不必表示其中包含的内容。此外，window还可用于移动或调整它 表示的浏览器的大小，或者对它产生其他影响。 JavaScript中的任何一个全局函数或变量都是window 的属性 window子对象  document 对象  frames 对象  history 对象  location 对象  navigator 对象  screen 对象 window对象关系属性  parent：如果当前窗口为frame，指向包含该frame的窗口的frame （frame）  self ：指向当前的window对象，与window 同意。 （window对象）  top ：如果当前窗口为frame，指向包含该frame的top-level的window 对象  window ：指向当前的window对象，与self同意。  opener ：当窗口是用javascript打开时，指向打开它的那人窗口（开启 者） window对象定位属性  IE提供了window.screenLeft和window.screenTop对象来判断窗口的位 置，但未提供任何判断窗口大小的方法。用document.body.offsetWidth 和document.body. offsetHeight属性可以获取视口的大小 （显示HTML 页的区域），但它们不是标准属性。  Mozilla提供window.screenX和window.screenY属性判断窗口的位置。 它还提供了window.innerWidth和window.innerHeight属性来判断视口 的大小，window.outerWidth和window.outerHeight属性判断浏览器窗 口自身的大小。 window对象的方法 窗体控制 moveBy(x,y)——从当前位置水平移动窗体x个像素，垂直移动窗体y个 像素，x为负数，将向左移动窗体，y为负数，将向上移动窗体 moveTo(x,y)——移动窗体左上角到相对于屏幕左上角的(x,y)点，当使用 负数做为参数时会吧窗体移出屏幕的可视区域 resizeBy(w,h