js BOM

JS BOM

 

•BOM是Browser Object Model的缩写，简称浏览器对象模型


1.

能利用BOM做什么？
BOM提供了一些访问窗口对象的一些方法，我们可以用它来移动窗口位置，改变窗口大小，打开新窗口和关闭窗口，弹出对话框，进行导航以及获取客户的一些信息如：浏览器品牌版本，屏幕分辨率。


window对象是BOM的顶层(核心)对象，所有对象都是通过它延伸出来的。因此调用它的子对象时可以不显示的指明window对象。

window -- window对象是BOM中所有对象的核心。window对象表示整个浏览器窗口，但不必表示其中包含的内容。此外，window还可用于移动或调整它表示的浏览器的大小，或者对它产生其他影响。

JavaScript中的任何一个全局函数或变量都是window的属性

window的子对象
•document 对象
•frames 对象
•history 对象
•location 对象
•navigator 对象
•screen 对象

window对象的方法
2.

窗体控制
moveBy(x,y)——从当前位置水平移动窗体x个像素，垂直移动窗体y个像素，x为负数，将向左移动窗体，y为负数，将向上移动窗体
moveTo(x,y)——移动窗体左上角到相对于屏幕左上角的(x,y)点，当使用负数做为参数时会吧窗体移出屏幕的可视区域
resizeBy(w,h)——相对窗体当前的大小，宽度调整w个像素，高度调整h个像素。如果参数为负值，将缩小窗体，反之扩大窗体
resizeTo(w,h)——把窗体宽度调整为w个像素，高度调整为h个像素
3.

窗体滚动轴控制
scrollTo(x,y)——在窗体中如果有滚动条，将横向滚动条移动到相对于窗体宽度为x个像素的位置，将纵向滚动条移动到相对于窗体高度为y个像素的位置
scrollBy(x,y)—— 如果有滚动条，将横向滚动条移动到相对于当前横向滚动条的x个像素的位置(就是向左移动x像素)，将纵向滚动条移动到相对于当前纵向滚动条高4.

度为y个像素的位置(就是向下移动y像素)

4.

窗体焦点控制
focus()—— 使窗体或控件获取焦点
blur()——与focus函数相反，使窗体或控件失去焦点

5.
新建窗体
open()——打开(弹出)一个新的窗体
close()——关闭窗体
opener属性——新建窗体中对父窗体的引用，中文"开启者"的意思
6.
window.open方法语法
window.open(url, name, features, replace);
open方法参数说明
•url -- 要载入窗体的URL
•name -- 新建窗体的名称(目标,将在a 标签的target属性中用到，当与已有窗体名称相同时将覆盖窗体内容).open函数默认的打开窗体的方式为target的_blank弹出方式，因此页面都将以弹出的方式打开
•features -- 代表窗体特性的字符串，字符串中每个特性使用逗号分隔
•replace -- 一个布尔值，说明新载入的页面是否替换当前载入的页面，此参数通常不用指定

•BOM是Browser Object Model的缩写，简称浏览器对象模型


1.

来源：https://www.cnblogs.com/luchengx/p/11530252.html