第一节 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
:页面加载完成事件