首页 > 代码库 > 浏览器对象模型BOM(Browser Object Mode)

浏览器对象模型BOM(Browser Object Mode)

 

BOM主要处理浏览器窗口和框架,不过通常浏览器特定的JavaScript扩展都被看作BOM的一部分。这些拓展包括:

1. 弹出新的浏览器窗口、移动、关闭浏览器窗口及调整窗口大小;

2. 提供WEB浏览器详细信息的导航对象;

3. 提供装载到浏览器中页面的详细信息的定位对象;

4. 提供用户屏幕分辩率详细信息的屏幕对象;

5. 对cookie的支持。

一、window对象:

1. 窗口操作:

moveBy(dx,dy):把浏览器窗口相对当前位置水平移动x个像素,垂直移动y个像素。

moveTo(x,y):移动浏览器窗口,使它们的左上角位于用户屏幕的(x,y)处。

resizeBy(dw,dh):相对于浏览器窗口的当前大小,把它的宽度调整x个像素,高度调整y个像素。

resizeTo(w,h):把窗口的宽度调整为x,高度调整为y。不能为负数。

★IE提供了window.screenLeft和window.screenTop对象来判断窗口的位置。document.body.offsetWidth和document.body.offsetHeight属性可获取视口大小。

★Mozilla提供了window.screenX和window.screenY属性判断窗口的位置;windows.innerWidth和windows.innerHeight属性来判断视口的大小;window.outerWidth和window.outerHeight属性判断浏览器窗口自身的大小。

2. 导航和打开新窗口:

打开新窗口:window.open("新窗口的URL","名字","特性字符串");

各种设置:

Left:窗口的左坐标,不能为负数;

Top:窗口的上坐标,不能为负数;

Height:窗口的高度,不能小于100;

Width:窗口的宽度,不能小于100;

Resizable:判断窗体是否能拖动,默认为no;

Scrollable:判断窗体不要显示内容时是否滚动,默认为no;

Toolbar:判断是否显示工具栏,默认为no;

Status:判断是否显示状态栏,默认为no;

location:断是否显示地址栏,默认为no。

关闭自身窗体:window.close();

3. 系统对话框:

警告框:alert("XXX");  

确认框:confirm("XXX");    

输入框:prompt("‘XXX") 

4.状态栏

window.defaultStatus=”XXXXXX”

wingdow.status=”XXXXXX”

5. 时间间隔和暂停:

setTimeout();等待XX毫秒后执行.

clearTimeout();取消

setInterval(); 等待XX毫秒后执行

clearInterval();取消

6. 历史:

后退一页:window.history.go(-1);或history.back()

前进一页:window.history.go(1); 或history.forward()

二、document对象:

document对象的一些通用属性:

1. lastModified:最后修改的日期,是字符串;

2. referrer:浏览器历史中后退一个位置的URL;

3. title:标签中显示文本;

4.URL:当前载入的页面的URL。

改变框架标题:top.document.title=”新的页面标题”;

如把窗口导航到新页面:

document.URL = "http://www.baidu.com";

 

 

document对象的集合:

anchors:页面中所有锚的集合;

applets:页面中所有applet的集合;

embeds:页面中嵌入式对象的集合;

forms:页面中所有表单的集合;

images:页面中所有图像的集合;

links:页面中所有超链接的集合。

用document.links[0]访问超链接;

用document.images[0]或document.images["imgHome"]访问图像;

用document.forms[0]或document.forms["frmSubscribe"]访问表单.

 

 

三、location对象:

hash:如果URL包含#,该方法将返回#之后的内容;

host:服务器名字;

hostname:等于host;

href:当前载入页面完整的URL;

pathname:URL中主机名后的部分;

port:URL中声明的请求的端口;

protocol:URL使用的协议;

search:查询字符串;

重新载入当前页面:location.reload().

 

 

四、Navigator对象:

appCodeName  :返回浏览器的代码名。

appMinorVersion:   返回浏览器的次级版本。

appName:返回浏览器的名称。

appVersion:   返回浏览器的平台和版本信息。

browserLanguage:返回当前浏览器的语言。

cookieEnabled  :返回指明浏览器中是否启用 cookie 的布尔值。

cpuClass :返回浏览器系统的 CPU 等级。

onLine:返回指明系统是否处于脱机模式的布尔值。

platform :返回运行浏览器的操作系统平台。

systemLanguage:返回 OS 使用的默认语言。

userAgent:返回由客户机发送服务器的 user-agent 头部的值。

userLanguage:    返回 OS 的自然语言设置。

javaEnabled()    :规定浏览器是否启用 Java。

taintEnabled()   :规定浏览器是否启用数据污点 (data tainting)。

 

 

五、Screen对象

avaiHeight:窗口可以使用的高度;

avaiWidth:窗口可以使用的宽度.

colorDepth:用户表示颜色的位数;

height:屏幕高度;

width:屏幕宽度。

浏览器对象模型BOM(Browser Object Mode)