JavaScript操作BOM对象

1.什么是BOM

BOM：Browser Object Model 是浏览器对象模型，浏览器对象模型提供了独立与内容的、可以与浏览器窗口进行互动的对象结构，BOM由多个对象构成，其中代表浏览器窗口的window对象是BOM的顶层对象，其他对象都是该对象的子对象。

2.BOM对象

• window 对象，是 JS 的最顶层对象，其他的 BOM 对象都是 window 对象的属性；
• document 对象，文档对象；
• location 对象，浏览器当前URL信息；
• navigator 对象，浏览器本身信息；
• screen 对象，客户端屏幕信息；
• history 对象，浏览器访问历史信息；

1、Window对象：

BOM的核心对象是window，它表示浏览器的一个实例。在浏览器中，window对象有双重角色，它既是通过javascript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。

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

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

//close方法
window.close();

//open方法
window.open();

2、History对象：

window.history 对象包含浏览器的历史。为了保护用户隐私，对 JavaScript 访问该对象的方法做出了限制。

history对象的常用方法
back()：加载histrory对象列表中的前一个URL
forward()：加载histo对象列表中的后一个URL
go()：加载histo对象列表中的某个具体URL
go(1)代表前进一页，等于forward()方法
go(-1)代表后退一页,等于back()方法

3、Location对象：

window.location对象：用于获得当前页面的地址 (URL)，并把浏览器重定向到新的页面。

location对象的常用方法
reload()：重新加载当前文档
replace()：用新的文档替代当前文档

4、navigator对象：

window.navigator 对象包含有关访问者浏览器的信息。在编写时可不使用 window 这个前缀。

navigator对象的常用方法
navigator.platform：操作系统类型；
navigator.userAgent：浏览器设定的User-Agent字符串。
navigator.appName：浏览器名称；
navigator.appVersion：浏览器版本；
navigator.language：浏览器设置的语言；
userAgent是最常用的属性，用来完成浏览器判断。

5、screen对象

window.screen 对象包含有关用户屏幕的信息。

screen对象的常用方法
screen.availWidth 属性返回访问者屏幕的宽度，以像素计，减去界面特性，比如窗口任务栏。 screen.availHeight 属性返回访问者屏幕的高度，以像素计，减去界面特性，比如窗口任务栏。

3.Document对象

document对象既是window对象的一部分，又代表了整个HTML文档，可用来访问页面中的所有元素。

document对象的常用属性:
referrer：返回载入当前文档的URL
URL：返回当前文档的URL

document对象的常用方法
getElementById()：返回对拥有指定id的第一个对象的引用
getElementByName()：返回带有指定名称的对象的集合
getElementByTagName()：返回带有指定标签名的对象的集合
write()：向文档写文本、HTML表达式或JavaScript代码

//referrer方法
document.referrer

//URL方法
document.URL

4.JavaScript内置对象

1.Date对象

//语法
var 日期实例 = new Date(参数)

//将当前日期和时间存储在today中
var today = new Date();

//参数是字符串格式
var tdate = new Date("July 15, 2013, 16:34:28");

Date对象的常用方法
getDate()：返回Date对象一个月中的每一天，值为1~31
getDay()：返回Date对象一个星期中的每一天，值为0~6
getHours()：返回Date对象的小时数，值为0~23
getMinutes()：返回Date对象的分钟数，值为0~59
getSeconds()：返回Date对象的秒数，值为0~59
getMonth()：返回Date对象的月份，值为0~11
getFullYear()：返回Date对象的年份，值为4位数
getTime()：返回自某一时刻(1970年1月1日)以来的毫秒数

2.Math对象

Math对象的常用方法
ceil()：对数进行上舍入
floor()：对数进行下舍入
round()：把数四舍五入为最接近的数
random()：返回0~1中的随机数

5.定时函数

常用的定时函数
1.setTimeout()
setTimeout()用于在指定的毫秒数后调用函数或计算表达式。

2.setInterval()
setInterval()可按照指定的周期(以毫秒计)来调用函数或计算表达式。
区别：setTimeout()是在多少毫秒后执行一次(只执行一次)，而setInterval是经过多少毫秒执行一次(多次执行)

3.clearTimeout()和clearInterval()
clearTimeout()用来清除由setTimeout()函数设定的定时器

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