BOM的简单介绍
BOM
JavaScript
里面包含了三部分内容:ECMAScript核心语法
,DOM
,BOM
前言
BOM
我们将其称之为浏览器对象模型
。里面主要是帮助我们和浏览器进行交互的方法和接口。
IE3.0
和Netscape Navigator 3.0
提供的一种新的特性,主要是用来通过js这门脚本语言
来操作浏览器,方便我们对浏览器窗口进行访问。
BOM
因为一直没有相关的官方准则,所以在不同浏览器中实现BOM
API的方式或者说展示的效果都不尽相同。
在BOM
当中包含了一些对象,下面列出的这些对象都是经常看到和使用到的对象:
- Window对象
- Navigator对象
- Screen对象
- History对象
- Location对象
window对象
window
意思为窗口,表示浏览器窗口。
window对象的属性
1、 window.name表示当前窗口的名字。
2、 window.closed,window.opener
如果新开的子窗口和父窗口之间没有必要的通信需要,就建议将opener
设置为null
.
var a = window.open()
a.opener = null;
3、 window.screenX,window.screenY
返回浏览器窗口左上角相对于当前屏幕左上角的水平距离和垂直距离,单位是像素,并且是属性是只读的属性
4、 window.innerWidht,window.innerHeight
返回网页在当前窗口中可见部分的宽度和高度。也就是视口viewport
.单位是像素。只读属性
5、window.outerWidth,window.outerHeight
这两个属性返回浏览器窗口的宽度和高度。包括菜单栏和边框。
6、window.scrollX,window.scrollY
页面水平和垂直的滚动距离。单位是像素
属性
组件属性返回浏览器的组件对象。这样的属性有下面几个。
window.locationbar
:地址栏对象window.menubar
:菜单栏对象window.scrollbars
:窗口的滚动条对象window.toolbar
:工具栏对象window.statusbar
:状态栏对象window.personalbar
:用户安装的个人工具栏对象
上面的这些属性都是只读的。不能修改。