JavaScript中的BOM

BOM（borwser Object Model）

浏览器对象模型：使用对象描述了浏览器的各个部分的内容。

1）window :当前的窗口

window常用的方法：

open() 打开一个新的资源。

moveTo() 将窗口左上角的屏幕位置移动到指定的 x 和 y 位置。

moveBy() 相对于当前的窗口移动指定的 x 和 y 偏移值(左上角)。

setInterval() 每隔指定的毫秒数指定指定的代码。

setTimeout（） 经过指定毫秒数指定一次指定的代码。

A）

open()方法接收4个参数，分别是 打开资源名；打开方式；打开的窗口大小位置；资源找不到是否用其他代替。

下面是一个例子：

function openImage()

{

window.open("image.html","_blank","height = 500pt,width = 350pt,top = 50pt,left = 450pt",false);

}

其中第三个参数设置各种属性，我们用逗号分割开。

B）其它方法示例：

window.moveTo(100,100);

window.moveBy(30,0);

传入的参数都是移动的数值，知识参考的原点不同。

C）setInterval() 每隔指定的毫秒数指定指定的代码。循环执行

例子： var id = window.setInterval(“showImage()”,2000);

我们可以通过window.clearInterval(id); 来停止上面的执行循环。

setTimeout（） 经过指定毫秒数指定一次指定的代码。只执行一次

例子：window.setTimeout(“showImage()”,2000);

2）地址栏对象

location （url地址栏对象）

常用方法有

href: 设置或获取整个 URL 为字符串。

reload() ：重新加载页面地址。

示例：

document.write("当前地址栏的地址："+location.href); 获取地址栏地址

location.href = "http://www.baidu.com";    设置地址栏地址

location.reload();  重新加载地址栏地址

3）屏幕对象

Screen(屏幕对象)：获取电脑的屏幕的一些数据。

常用方法：

availHeight 获取系统屏幕的工作区域高度，排除 Microsoft® Windows® 任务栏。

availWidth 获取系统屏幕的工作区域宽度，排除 Windows 任务栏。

height 获取屏幕的垂直分辨率。

width 获取屏幕的垂直分辨率。

示例：

document.write("排除任务栏的高度："+ screen.availHeight+"<br/>");

document.write("排除任务栏的宽度："+ screen.availWidth+"<br/>");

document.write("包括任务栏的高度："+ screen.height+"<br/>");

document.write("包括任务栏的高度："+ screen.width+"<br/>");