JavaScript对象【基础】

浏览器对象模型(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代码】