浏览器对象模型

浏览器对象模型,它是浏览器提供给javascript操作浏览器的接口,与内建对象Math一样,是不需要自己创建对象,浏览器已帮我们创建好;

BOM是一个具有层次结构的对象树,首先来看下顶级对象window对象,它表示浏览器框架和跟浏览器相关的所有一切,如滚动条、导航按钮等都包括在window中: window对象是一个全局对象,可以在能写javascript代码的任何地方使用其属性和方法而不需要使用全局对象的名称,声明一个全局变量或全局函数时,实际上就是声明了全局对象的一个属性;

window对象的属性,即其下一级对象:

A、document对象——代表浏览器中的web页面; BOM中最重要的对象,几个重要的数组属性:  
1、forms  
2、images——表示页面上的所有元素数组,可以通过使用document.images[1]或document.images['myImage']两种方式访问;images为Image对象数组,所以具有内建对象Array的所有用法;  
3、links——页面中所有超链接(a)对象的对象数组,同images

B、history对象——用户访问过的页面的历史信息; 属性:length——浏览器中历史栈中的页面个数;
方法:
1、back()、forward() ——浏览器当前所加载的当前页面的location将改变为历史栈中的前一页或后一页;       
2、go(arg)——参数表示以当前页为基准,在历史栈中前进或后退几个页面;  
例:history.go(1)    前进,同(history.forward())       history.go(-1)   后退,同(history.back())

C、navigator对象——浏览器自身的相关信息;

D、screen对象——客户端显示器显示能力的信息; 属性:height、width——客户端计算机显示屏的高度和宽度;        colorDepth——客户计算机显示屏颜色的色彩位数;

E、location对象——浏览器加载当前页面的URL的详细信息,具体包含统一资源定位器信息(URL)、提供web服务的服务器信息、连接到服务器的端口号以及所使用的协议,对应方法如下:  
1、location.href——获得或设置url地址,同location.replace(),区别,replace()将从浏览器中的历史栈中移除当前页面,并用新页面替换,而href属性仅仅把新页面添加到历史栈的顶部,造成的后果是,使用replace()后将不可使用后退按钮;  
2、location.port——当前URL端口号  
3、location.hostname——当前URL主机名  
4、location.protocol——当前URL协议

二、Bom对象的常用事件 onload、onclick、onunload(用户关闭浏览器或打开其他页面)
添加事件的方式:
1、将事件处理器同事件处理函数作为html标签的属性;
2、将事件处理器作为浏览器对象的属性;

原文地址:https://www.cnblogs.com/lj9837/p/2913446.html