第2讲：JavaScript中的BOM(北风网收费视频讲座).pptVIP

HTML中的Javascript BOM window对象 状态栏 时间间隔与暂停 历史 document对象 location对象 navigator对象 screen对象 BOM 讨论浏览器中的javascript,不能不讨论(浏览器对象模型),它提供了独立于内容而与浏览器窗口进行交互的对象 window对象 window对象表示整个浏览器窗口,但不必表示其中包含的内容.此外,window还可用于移动或调整它表示的浏览器的大小,或者对它产生其他影响. 注:如果页面使用框架集合,每个框架都由它自己的window对象表示,存放在frames集合中.在frames集合中,可用数字(由0开始,从上到下,从左到右,逐行的)或名字对框架进行索引. 如： frameset rows = “100,*” frame src=“frame.htm” name = “topFrame” / frameset cols = “40%,60%” frame src=“anotherframe.htm” name = “leftFrame”/ frame src=“yetanotherframe.htm” name = “rightFrame” / /frameset /frameset [frameset1.htm] window的另一个实例是parent. Parent对象与装载文件的框架集一起使用，要装载的也是框架集. 如果名为anotherframeset.htm的文件包含这段代码： body frameset cols = “100,*” frameset src = “red.htm” name = “radFrame”/ frameset src = “blue.htm” name=“blueFrame”/ /frameset /body 如果代码写在redFrame(或blueFrame)中，parent对象就指向leftFrame.但如果要写在topFrame中，parent对象就指向top对象,因为浏览器窗口被看作是所有顶层框架的父框架. self 一个更加全局化的窗口指针是self,它总是等于window,它澄清了正在使用的不是框架的父框架,而是它自身． 如果页面上没有框架，window和self就等于top,frames集合的长度为0. 还可以连锁引用window.如：parent.parent.frames[“topFrame”].不过通常不建议用这种形式． 代码演示1 代码演示2 窗口操作 moveBy(dx,dy) –把浏览器窗口水平移动dx个像素,竖直移动dy个像素. moveTo(x,y) –移动浏览器窗口,使它的左上角位于用户屏幕的(x,y)处. resizeBy(dw,dh) –相对于浏览器窗口的当前大小,把窗口的宽度调整dw个像素,把窗口的高度调整为dy个像素. resizeTo(w,h) –把窗口的宽度调整为w,高度调整为h,不能使用负数 screenLeft、screenTop: IE中用于得到窗口的位置。 注：指的是内容区域相对于桌面屏幕最右上角（0,0）点的坐标 IE未提供任何判断窗口大小的方法。用document.body.offsetWidth和document.body.offsetHeight属性可以获取视口的大小(显示html页的区域),但它们不是标准属性. Mozilla提供window.screenX,window.screenY属性判断窗口的位置，它还提供了window.innerWidth和window.innerHeight属性来判断视口的大小，window.outerWidth和window.outerHeight属性判断浏览器窗口自身的大小. 导航和打开新窗口 oNewWindow = window.open( [sURL] [, sName] [, sFeatures] [, bReplace bReplace]) window.open方法打开新窗口 sURL—要载入的页面的URL sName—新窗口的名字 (也可是框架页的名字如：topFrame) sFeatures—特性字符串 bReplace—是否用新载入的页面替换当前载入的页面的Boolean值. sFeatures left N