JavaScript简单基础——BOM

一、BOM

1.JavaScript的组成

(1)ECMAScript:是JavaScript的语法规范。ES5、ES6

(2)BOM:浏览器对象模型(Brower Object Model)

(3)DOM:文档对象模型(Document Object Model)

2.BOM:Brower Object Model

(1)浏览器对象：一个浏览器窗口就是对象（属性和行为）

(2)浏览器对象模型：将浏览器中各个组件按某种组织架构子啊一起称为模型

3.BOM的组成：由内置对象组成

(1)window对象:是BOM的跟对象（核心对象），其他对象都是作为window的子对象而存在

(2)location对象:地址栏对象

(3)document对象:文档对象

(4)history对象:历史记录对象（用户访问的痕迹）

(5)navigator对象:浏览器对象

(6)screen对象:屏幕对象

二、window对象

1.介绍：是BOM的核心对象，是其他所有对象的父对象。在全局作用域中定义的变量、函数以及javascript的内置函数都可以通过window对象调用

2.全局作用域：直接编写在script标签中js代码都称为全局作用域

3.常用属性：

(1)parent:表示window上级对象的一个字符串

注：Object对象(所有对象的父对象，用户自定义的对象或JavaScript的内置对象都直接或间接的继承自Object)

(2)self:代表当前窗口的引用

(3)name:代表当前窗口的名称

        _blank:表示打开一个新的窗口，在新的窗口显示页面

        _self:表示在当前窗口中打开页面

        _parent:在当前窗口的父级窗口中打开页面

(4)outHeight / outWidth:浏览器窗口的宽度和高度

(5)innerWidth / innerHeight:视口的宽度和高度

(6)screenLeft / screenTop:浏览器左上角和屏幕左上角的距离

4.常用的方法（函数）

(1)open(url,name,space,replace)

url：统一资源定位符。 协议：//主机名：端口号/文件名

http://localhost:80/index.html

name:在什么位置打开窗口

space:打开窗口的特征（大小）

replace:打开窗口后是否替换原有信息

(2)moveTo(x,y):移动窗口

X:X轴的坐标

Y:Y轴的坐标

(3)resize To(width,height):重新设置窗口的大小

width:窗口的宽度

heigth:窗口的高度

(4)setTimeout(callback,time)定时器函数。间隔time毫秒后调用callback函数。函数返回的是定时器对象

callback:是一个函数

time:时间，单位是毫秒

(5)clearTimeout(定时器名)：清除setTimeout创建的定时器对象