浏览器对象模型BOM

2019-04-20

window对象

属性	描述
closed	返回窗口是否已被关闭。
defaultStatus	设置或返回窗口状态栏中的默认文本。
document	对Document对象的只读引用。
history	对History对象的只读引用。
innerheight	返回窗口的文档显示区的高度。
innerwidth	返回窗口的文档显示区的宽度。
length	设置或返回窗口中的框架数量。
location	用于窗口或框架的Location对象。
name	设置或返回窗口的名称。
Navigator	对Navigator对象的只读引用。
opener	返回对创建此窗口的窗口的引用。
alert()	显示带有一段消息和一个确认按钮的消息框。
confirm()	显示带有一段消息以及确认按钮和取消按钮的对话框。
open()	打开一个新的浏览器窗口。
close()	关闭浏览器窗口。
setInterval()	按照指定的周期（以毫秒计）来调用函数或计算表达式。
setTimeout()	在指定的毫秒数后调用函数或计算表达式。
clearInterval()	取消由setInterval() 设置的timeout。
clearTimeout()	取消由setTimeout() 方法设置的timeout。
print()	打印当前窗口的内容。
prompt()	显示可提示用户输入的对话框。
resizeBy()	按照指定的像素调整窗口的大小。
resizeTo()	把窗口的大小调整到指定的宽度和高度。
scrollBy()	按照指定的像素值来滚动内容。
scrollTo()	把内容滚动到指定的坐标。
blur()	把键盘焦点从顶层窗口移开。
createPopup()	创建一个pop-up窗口。
focus()	把键盘焦点给予一个窗口。
moveBy()	可相对窗口的当前坐标把它移动指定的像素。
moveTo()	把窗口的左上角移动到一个指定的坐标。
focus()	把键盘焦点给予一个窗口。
moveBy()	可相对窗口的当前坐标把它移动指定的像素。
moveTo()	把窗口的左上角移动到一个指定的坐标。

1.打开/关闭窗口

window.open("打开窗口的url"，"窗口名"，"窗口特征");
window.close();

如果窗口创建成功，window.open()返回新窗口对象，否则返回null表示失败。

窗口的主要特征

名称	说明
height、width	窗口文档显示区的高度、宽度。以像素计。
left、top	窗口的x坐标、y坐标。以像素计
toolbar=yes | no |1 | 0	是否显示浏览器的工具栏。黙认是yes。
scrollbars=yes | no |1 | 0	是否显示滚动条。黙认是yes。
location=yes | no |1 | 0	是否显示地址地段。黙认是yes。
status=yes | no |1 | 0	是否添加状态栏。黙认是yes。
menubar=yes | no |1 | 0	是否显示菜单栏。黙认是yes。
resizable=yes | no |1 | 0	窗口是否可调节尺寸。黙认是yes。
titlebar=yes | no |1 | 0	是否显示标题栏。黙认是yes。
fullscreen=yes | no |1 | 0	是否使用全屏模式显示浏览器。黙认是no。处于全屏模式的窗口必须同时处于剧院模式。

2.窗口定时器

setTimeout方法

setTimeout（"调用的代码", 指定的时间后[毫秒]）

setInterval方法

setInterval（"调用的代码", 指定的时间间隔[毫秒]）

document对象

主要方法

方法	描述
getElementById	返回对拥有指定id的对象的引用。
getElementsByName	返回带有指定名称的对象集合。
getElementsByTagName	返回带有指定标签名的对象集合。
getElementsByClassName	返回使用指定class样式名称的对象集合。

document子对象集合

集合	描述
images[]	返回对文档中所有image对象引用。
forms[]	返回对文档中所有form对象引用。亦可通过forms.item(i)的形式取得表单引用。<br /> 可通过length属性取 得表单元素数目。可通过elements属性按照索引取得表单内的所有元素。
links[]	返回文档中所有链接对象（<a>标记和<map>标记）的引用
anchors[]	返回文档中所有Anchor对象（<a>标记）的引用。
all[]	返回对文档中所有HTML元素的引用（只IE支持）。

location对象

获取或设置浏览器的当前URL。

方法	描述
assign(url)	加载新的文档。相当于对window.location赋值
reload()	重新加载当前文档。相当于刷新（F5键）。
replace(url)	打开另一个 URL，并取代历史对象中当前位置的地址。<br /> 用这个方法打开一个 URL 后，按下浏览器的“后退”键将不能返回到刚才的页面。

history对象

history对象提供了历史清单信息，包含用户在浏览器窗口中访问过的URL。

back()：后退到上一个浏览页面。效果等价于点击后退按钮或调用history.go(-1)。
foward()：前进到下一个浏览页面。效果等价于点击前进按钮或调用history.go(1)。
go(intValue)：该方法可指定前进或后退多少个页面，其中的intValue控制前进、后退页面数。为正是前进，为负时后退。

navigator对象

appName属性：浏览器的官方名称
appVersion属性：浏览器的版本号
platform属性：运行浏览器的操作系统平台
userAgent属性：显示综合属性信息

screen对象

属性	描述
availHeight	返回显示屏幕的高度 (除Windows任务栏之外)。
availWidth	返回显示屏幕的宽度 (除Windows任务栏之外)。
bufferDepth	设置或返回调色板的比特深度。
colorDepth	返回目标设备或缓冲器上的调色板的比特深度。
height	返回显示屏幕的高度。
pixelDepth	返回显示屏幕的颜色分辨率（比特每像素）。
updateInterval	设置或返回屏幕的刷新率。
width	返回显示器屏幕的宽度。