06.17-18：BOM编程

第一节 BOM编程

BOM:Browser Object Model，浏览器对象模型。

BOM编程: 在浏览器中，js代码是通过内嵌在浏览器中的javascript解释器来运行的。在浏览器加载页面的时候，如果页面中有js代码，js解释器会将浏览器的各个部分封装成对应的对象，然后通过访问这些对象的属性和方法来实现特定的功能，这就是BOM编程。

1.window对象

window对象是一个顶层对象，其中包含很多属性和方法，其中的属性也对应一些子对象:document,history,location,screen等等。

属性/方法	说明
history	历史记录对象
location	地址栏对象
document	文档对象
screen	客户窗口屏幕
event	事件对象（用于IE）
stauts	状态条
open	打开子窗口的方法
close	关闭窗口的方法
alert	消息提示框
prompt	输入提示框
confirm	确认框(确定或取消按钮)

2.history历史记录对象

history记录了用户在浏览器中的浏览器记录，通过history可以访问用户的浏览记录历史信息。对应于浏览器工具栏上的前进和后退按钮。

方法:

history.forward():前往下一页

history.back():返回上一页

history.go(索引）:跳到某一页

 3.location地址栏对象

URL ：统一资源占位符，定位符

Location 对象包含有关当前 URL 的信息。

Location 对象是 window 对象的一部分，可通过 window.Location 属性对其进行访问。

 

window.location.href	改变当前页面的地址（有历史）
window.location.replace(页面)	替换当前页面的地址（无历史）
window.location.reload();	重新加载当前页面

4.window对象的常用方法 

window.alert();//弹出消息框
window.prompt();//输入消息框
window.confirm();//确认框
window.setTimeout(函数名,延时时间); //延迟指定时间(毫秒)调用一次函数
window.setInterval(函数名,延时时间); //每隔特定时间(毫秒)，重复调用函数

   定时器方法

setTimeout(函数名,延时时间):延迟指定的时间后，执行一次函数

setInterval(函数名,延迟时间):每隔指定的延迟时间，就执行一次函数

 5.HTML页面常用事件

onclick:元素的单击事件

onload:页面加载完成事件