BOM编程与事件编程

一、BOM编程

BOM是（Broswer Object Model）浏览器对象模型编程

1、window对象

主要方法：

（1）open(): 在一个窗口中打开页面。参数一： 打开的页面   参数二：打开的方式。 _self: 本窗口  _blank: 新窗口（默认） 参数三： 设置窗口参数，比如窗口大小

（2）设置定时器： 每隔n毫秒调用指定的任务（函数）

setInterval(): 设置定时器（执行n次）

setTimeout(): 设置定时器(只执行1次)

参数一：指定的任务（函数）

参数二：毫秒数

（3）清除定时器

clearInterval(): 清除定时器

clearTimeout(): 清除定时器

（4）清除任务

参数一：需要清除的任务ID

alert(): 提示框

 仅仅有确定按钮

confirm(): 确认提示框

返回值就是用户操作

true: 点击了确定

false： 点击了取消

propmt(): 输入提示框

返回值就是用户操作

 true: 点击了确定

 false： 点击了取消

 注意：

因为window对象使用非常频繁，所以当调用js中的window对象的方法时，可以省略对象名不写。

2、location对象

href属性： 代表的是地址栏的URL，可以获取和设置URL。URL表示统一资源定位符

reload方法： 刷新当前页面

3、history对象

forward(): 前进到下一页

back(): 后退上一页

go(): 跳转到某页（正整数：前进  负整数：后退）  1   -2

4、screen对象

availHeight和availWidth：是排除了任务栏之后的高度和宽度

width和height：是整个屏幕的像素值

二、事件编程

1、三要素：

（1）事件源：html标签

（2）事件 ：click dblclick mouseover。。。。

（3）监听器： 函数

2、事件分类：

点击相关的：

 单击： onclick，双击： ondblclick

焦点相关的：

聚焦：  onfocus，失去焦点： onblur

选项相关的：

改变选项： onchange

鼠标相关的：

鼠标经过： onmouseover，鼠标移除： onmouseout

页面加载相关的：（一般用在body标签中，用于网页加载完毕后还需执行什么操作进行触发）

页面加载： onload