04-BOM相关知识介绍

JavaScript三个组成部分：

• 核心(ECMAScript)，欧洲计算机制造商歇会：描述了JS的语法和基本对象；
• 文档对象模型(DOM)：处理网页内容的方法和接口；
• 浏览器对象模型(BOM)：与浏览器交互的方法和接口。

常用事件：

事件名	说明
onclick	鼠标单击
ondblclick	鼠标双击
onkeyup	按下并释放键盘上的一个键时触发
onchange	文本内容或下拉菜单中的选项发生改变时
onfocus	获得焦点，表示文本框等获得鼠标光标
onblur	失去焦点
onmouseover	鼠标悬停，鼠标停留在图片等的上方
onmouseout	鼠标移除，鼠标离开图片等所在区域
onload	网页文档加载事件
onunload	关闭网页时触发
onsubmit	表单提交事件
onreset	重置表单时
oninput	input内容改变时触发

BOM

• 浏览器对象模型；

• BOM的顶级对象是window，通常情况下可以省略；

• 成员变量也是window的一个属性；

• 自定义函数也是window的一个方法；

• DOM的顶级对象是document，document是window的一部分。

• window对象：

• window对象是JavaScript中的顶级对象；

• 所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法；

• window对象下的属性和方法调用的时候可以省略window。

• window内置函数：

• window.open(url,target,param);：url为要打开的网址，target为是否要打开新窗口显示，param为新窗口的一些设置。其中param中为一些键值对，可以设置是否全屏等一些基本设置，也可以省略第三个参数；

• window.close();：关闭窗口。

window内置对象

location对象：

• location相当于浏览器地址栏；
• 可以将url解析成独立的片段；
• location对象的属性：
• href：在标签的onclick方法里面添加location.href="http://baidu.com";，点击标签时可以进行页面跳转；
• hash；
• host；
• hostname；
• pathname；
• protocol；
• search；
• reload；

navigator对象

• window.navigator的一些属性可以获取客户端的一些信息；
• userAgent(了解)；
• platform(了解)；

history对象

• 历史记录管理；
• 后退：
• history.back();
• history.go(-1)，0是刷新；
• 前进：
• history.forward();
• history.go(1);

定时器

循环执行（等待设定的时间过去之后执行）

• 定义一个定时器： var timeIT = setInterval(code,interval);

• 清除定时器：定时器有一个返回值，返回值就是定时器的名字，清除定时器时只要传入定时器的名字就可以停止定时器：clearIntervarl(timeTT);

• 间隔时间执行，时间不是特别精确。

• 定时器定义方法一共有三种：

• 匿名函数：

    setInterval(function(){
        //code
    },5000);    //每5秒执行一次

• 调用函数

    setInterval(fn,5000);

• 调用带参数函数

    setInterval("fn(aaa)",5000);

一次性定时器

• 定义：var timeTO = setTimeout(code,interval);；
• 清除定时器：clearTimeout(timeTO);。