浏览器对象模型(BOM)是JavaScript的组成之一,它提供了独立于内容与浏览器窗口进行交互的对象,使用浏览器对象模型可以实现与HTML的交互。
作用:将相关的元素包装起来,提供给程序设计人员使用,从而减低开发人员的劳动量,提高设计Web页面的能力。
BOM模型图:
window
|
————————————————
| | |
| | |
history document location
|
————————————————
| | |
link form anchor
|
————————————————————
| | | | | |
button checkbox text······textarea radio select
window对象是整个BOM的核心。
有:浏览器窗口、网页文档内容document、地址对象location、历史对象history。
可实现功能:
弹出新的浏览器窗口
移动、关闭浏览器窗口及调整窗口的大小
在浏览器窗口中实现页面的前进、后退功能。
1、常用属性
history【有关客户访问过的URL的信息】
location【有关当前URL的信息】
语法:window.属性名="属性值"
2、常用方法
语法:window.方法名();
1)confirm()
弹出一个确认对话框
2)open()
弹出一个新的浏览器窗口
3)close()
用于关闭浏览器窗口
3、常用的事件
onload【一个页面或一幅图像完成记载】
onmouseover【鼠标指针移到某元素上】
onclick【鼠标单击某个对象】
onkeydown【某个键盘按键被按下】
onchange【域的内容被改变】
4、history对象和location对象
history
back()【加载history对象列表中的前一个URL】
forward()【加载列表中的后一个URL】
go()【加载某个具体URL】
location
属性:
host【设置或返回主机名和当前URL的端口号】
hostname【设置或返回当前URL的主机名】
href【设置或返回完整的URL】
方法:
reload()【重新加载当前文档】
replace()【用新的文档替换当前文档】
5、document对象的常用属性
referrer【返回载入当前文档的URL】
URL【返回当前文档的URL】
语法:document.referrer
document.URL
常用方法
getElementById()【返回对拥有指定id的第一个对象的引用】
getElementsByName()【返回带有指定名称的对象的集合】
getElementsByTagName()【返回带有指定标签名的对象的集合】
write()【向文档写文本、HTML表达式或JavaScript代码】