BOM编程

1 BOM编程

1.1 入门

BOM就是浏览器对象模型编程，通过javascript引擎提供的四个浏览器对象，操作浏览器，这叫BOM编程

1.2 window对象（重点）

window代表的是一个窗口。

open(): 在一个窗口中打开页面

参数一： 打开的页面

参数二：打开的方式。 _self: 本窗口  _blank: 新窗口（默认）

参数三： 设置窗口参数。比如窗口大小，是否显示任务栏

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

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

clearInterval(): 清除定时器

clearTimeout(): 清除定时器

alert(): 提示框

confirm(): 确认提示框

prompt(): 输入提示框

注意：

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

1.3 location对象

location对象表示一个窗口中的地址栏

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

reload方法： 刷新当前页面

1.4 history对象

history对象表示窗口的历史

forward(): 前进到下一页

back(): 后退上一页

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

1.5 screen对象

screen对象代表是一个屏幕

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

2 事件编程

2.1 回顾javase的事件编程

编程事件三个要素：

事件源： 按钮JButton JFrame

事件：KeyEvent   WindowEvent

监听器：KeyListener  WindowListener

编程具体的步骤：

1）创建事件源

2）编程监听器

3）在事件源上注册监听器

javascript事件编程的三个要素：

1）事件源：html标签

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

3）监听器： 函数

javascript事件分类：

点击相关的：

单击： onclick

双击： ondblclick

焦点相关的：

聚焦：  onfocus

失去焦点： onblur

选项相关的：

改变选项： onchange

鼠标相关的：

鼠标经过： onmouseover

鼠标移除： onmouseout

页面加载相关的：

页面加载： onload