第二章

第二章JavaScript操作BOM对象

2.1window对象

浏览器对象模型(DOM)是JavaScript的组成之一，它提供了独立于内容与浏览器窗口进行交互的对 象，使用浏览器对象模型可以实现与HTML的交互，它的作用是将相关的元素组织包装起来。

BOM可实现功能：

1. 弹出新的浏览器窗口。
2. 移动、关闭浏览器窗口及调整窗口的大小。
3. 在浏览器窗口中实现页面的前进、后退功能。

2.1.1 常用的属性

window对象的常用属性

名称	说明
history	有关客户访问过的URL的信息
location	有关当前URL的信息
screen	只读属性，包含有关客户端显示屏幕的信息

语法：

window.属性名="属性值"

  window.location="http://bdqn.cn",表示跳转到北大青鸟官方网站主页；

2.1.2 常用的方法

window对象的常用方法

名称	说明
prompt()	显示可提示用户输入的对话框
alert()	显示一个带有提示信息的和一个“确认”按钮的警示对话框
confirm()	显示一个带有提示信息、“确认”和“取消”按钮的对话框
close()	关闭浏览器窗口
open()	打开一个新的浏览器窗口，加载给定URL所指定的文档
setTimeout()	在指定的毫秒数后调用函数或计算表达式
setInterval()	按照指定的周期（以毫秒计）来调用函数或表达式

语法：

window.方法名();

1.confirm()
confirm()将弹出一个确认对话框，语法格式如下：

window.confirm("显示纯文本");

prompr(),alert(),confirm()作用不同:

1. alert()只有一个参数。
2. prompt()有两个参数。
3. confirm()只有一个参数。

2 .close()
close()方法用于关闭浏览器窗口：

window.close();

3 .open()
在页面上弹出一个新的浏览器窗口：

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

窗口的特征属性

2.2 history对象与location对象

2.2.1 history对象

history对象的方法

名称	描述
back()	加载history对象列表中的前一个URL
forward()	加载history对象列表中的后一个URL
go()	加载history对象列表中的某个具体URL

• back()方法会让浏览器加载前一个浏览过得文档。=后退

• forward()方法会让浏览器加载后一个浏览过得文档。=前进

• go(n)方法中的n是一个具体的数字

  • go(1)前进1页=forward()方法。
  • go(-1)后退1页=back()方法。

2.2.2 location对象

location对象的属性

名称	描述
host	设置或返回主机名和当前URL的端口号
hostname	设置或返回当前URL的主机名
href	设置或返回完整的URL

location对象的方法

名称	描述
reload()	重新加载当前文档
replace()	用新的文档替换当前文档

document对象

2.3.1 document对象的常用属性

document对象的常用属性

属性	描述
referrer	返回载入当前文档的URL
URL	返回当前文档的URL

语法：

document.referrer

当前文档如果不是通过超链接访问的，则document.referrer的值为null。

document.URL

2.3.2 document对象的常用方法

• getElementByid()方法一般用于访问div、图片、表单元素。网页标签等,但id是唯一的。
• getElementsByName()方法与getElementByld()方法相似。
• getElementsByTagName()方法是按标签来访问页面元素的，一般用于访问一组相同的元素。

JavaScript内置对象

• Date：用于操作日期和时间。
• Array：用于在单独的变量名中存储一系列的值。
• String：用于支持对字符串的处理。
• Math：使我们有能力执行常用的数学任务，它包含了若干个数字常量和函数。

2.4.1 Date对象

语法：

var 日期实例 = new Date(参数);

日期实例是存储Date对象的变量。
参数是字符串格式“MM DD,YYYY,hh:mm:ss”表示日期和时间。

• getFullYear()返回四位数的年份，getYear()返回二位或四位的年份，常用于获取年份getFullYear()。
• 获取星期几使用getDay()：0表示周日，1表示周一，6表示周六。
• 各部分时间表示范围：除号数（一个月中的每一天）外，其他均从0开始计数。

2.4.2 Math对象

Math对象的常用方法

random()方法返回的随即数包括0，不包含1，且都是小数

定时函数

2.5.1 常用定时函数

1.setTimeout()

用于在指定的毫秒后调用函数或计算表达式。语法如下：

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

2.setInterval()

可按照指定的周期（以毫秒计）来调用函数或计算表达式。语法如下：

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

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

3.clearTimeout()和clearInterval()

clearTimeout()用来清除由setTimeout()函数设置的定时器。语法如下：

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

clearInterval()用来清除由setInterval()函数设置的定时器。语法如下：

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