BOM的简单介绍

Posted 2021-11-29 caominjie

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：用户安装的个人工具栏对象

上面的这些属性都是只读的。不能修改。