JavaScript操作BOM对象

---

前言

浏览器对象模型(BOM)时JavaScript的组成之一，它提供了独立于内容与浏览器窗口进行交互的对象，使用浏览器对象模型可以实现与HTML的交互。它的作用是将相关的元素组织包装起来，提供给程序设计人员使用，从而降低开发人员的劳动量，提高设计Web页面的能力。

---

一、Window对象

BOM是一个分层结构，Window对象是整个BOM的核心，在浏览器打开网页后，首先看到的是浏览器窗口，即顶层的Window对象；其次是网页文档内容，即document(文档).

1.常用的属性

window.属性名="属性值"

2.常用的方法

window.方法名();

confirm()

window.confirm("对话框中显示的纯文本");

close()

window.close();

open()

window.open("弹出窗口的url","窗口名称","窗口特征");

窗口的特征属性

二、history对象与location对象

1.history对象

history对象提供用户最近浏览过的URL列表。但出于隐私方面的原因，history对象不再允许脚本访问已经访问过的实际URL，可以使用history对象提供的、逐个返回访问过的页面的方法。

history对象的方法

2.location对象

location对象提供当前页面的URL信息，并且可以重新装载当前页面或装入新页面。

location对象的属性

location对象的属性

三、document对象

1.document对象的常用属性

document.referrer	//referrer的语法格式

document.URL		//URL的语法格式

2.document对象的常用方法

四、JavaScript内置对象

在JavaScript中，系统的内置对象由Date对象、Array对象、String对象和Math对象等。

1.Date对象

JavaScript中的对象与Java中的类非常相似，需要使用"new 对象名()"的方法创建一个实例。

var 日期实例 = new Date(参数);
参数格式：MM  DD,YYYY,hh:mm:ss

Date对象的常用方法

2.Math对象

Math对象提供了许多与数学相关的功能，它是JavaScript的一个全局对象，不需要创建，直接作为对象使用就可以调用其属性和方法。

Math对象的常用方法

//返回整数2~99
var iNum=Math.floor(Math.random()*98+2);

五、定时函数

1.常用定时函数

JavaScript中提供了两个定时函数setTimeout()和setInterval()。还提供了用于清除定时器的两个函数clearTimeout()和clearInterval()。

1）setTimeout()

用于在指定的毫秒后调用函数或计算表达式。

setTimeout("调用的函数名称",等待的毫秒数);

2）setInterval()

可按照指定的周期(以毫秒计算)来调用函数或计算表达式。

setInterval("调用的函数名称",周期性调用函数之间间隔的毫秒数);

setInterval()会不停的调用函数，直到窗口被关闭或被其他方法强行停止。

3）clearTimeout()和clearInterval()

clearTimeout()函数用来清除由setTimeout()函数设置的定时器。

clearTimeout(setTimeout()返回的ID值);

clearInterval()函数用来清除由setInterval()函数设置的定时器。

clearInterval(setInterval()返回的ID值);

---