首页 > 代码库 > 浏览器对象模型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)