javascript之Bom

BOM

BOM（Browser Object Model）：浏览器对象模型，提供了一套操作浏览器功能的工具。

BOM包含的内容很多，但是很多东西都不太常用，在BOM中需要大家掌握的就一个东西，那就是定时器 。

window对象

1. window对象是一个全局对象，也可以说是JavaScript中的顶级对象
2. 像document、alert()、console.log()这些都是window的属性，其实BOM中基本所有的属性和方法都是属性window的。
3. 所有定义在全局作用域中的变量、函数都会变成window对象的属性和方法
4. window对象下的属性和方法调用的时候可以省略window

window.onload

window.onload事件会在窗体加载完成后执行，通常我们称之为入口函数。

window.onload = function(){
	//里面的代码会在窗体加载完成后执行。
	//窗体加载完成包括文档树的加载、还有图片、文件的加载完成。
}

延时器与定时器

setTimeout

setTimeout延时器可以在延迟时间到期后执行一个指定的函数。

设置延时器

//语法：setTimeOut(callback, time);
//参数1：回调函数，时间到了就会执行。
//参数2：延时的时间
//返回：定时器的id，用于清除
//示例：
var timer = setTimeOut(function(){
	//1秒后将执行的代码。
}, 1000);

清除延时器

//语法：clearTimeOut(timerId)
//参数：定时器id
//示例：
clearTimeOut(timer);//清除上面定义的定时器

setInterval

setInterval,方法重复调用一个函数或执行一个代码段，在每次调用之间具有固定的时间延迟。定时器除非清除，否则会一直执行下去。

设置定时器

//语法：var intervalID = setInterval(func, delay);
//参数1：重复执行的函数
//参数2：每次延迟的毫秒数
//返回：定时器的id，用于清除
//示例：
var timer = setInterval(function(){
	//重复执行的代码。
}, 1000);

清除定时器

//语法：clearInterval(intervalID)
//参数：定时器id
//示例：
clearInterval(timer);//清除上面定义的定时器

location对象

location对象也是window的一个属性，location其实对应的就是浏览器中的地址栏。

常用属性和方法

location.href:控制地址栏中的地址

location.href = “http://www.baidu.com”;//让页面跳转到百度首页
console.log(window.location.search);//参数

location.reload()：让页面重新加载

navigator对象

window.navigator的一些属性可以获取客户端的一些信息

//navigator.userAgent：浏览器版本

history对象

history对象表示页面的历史

//后退：
history.back();
history.go(-1);
//前进：
history.forward();
history.go(1);