学习javaScript必知必会(5)~BOM模型、定时器原理、清除定时器

1、BOM：浏览器对象模型：

网页是由window对象和window对象的子级对象构成的树形模型（BOM模型）

2、简单介绍一下window的子对象：

■ document、location、navigation、screen、history、我们自定义创建的全局变量和函数都是window的子对象

□ window对象（浏览器对象）常用的方法：

alert(message) 消息框prompt(message, [,defstr]) 输入框confirm(message)open(url,[, name,[, features]])close()blur()focus()print()moveBy(x, y) 相对移动moveTo(x, y) 绝对移动resizeBy(x, y)resizeTo(x, y)scrollBy(x, y) 相对滚动scrollTo(x, y) 绝对滚动setTimeout(表达式, 毫秒) 定时器，只执行一次setInterval(表达式, 毫秒) 定时器，循环执行clearTimeout(表达式, 毫秒) 清除定时器

□ location 地址栏对象

host 主机名port 端口号href 完整的url信息pathname 路径地址protocol 协议search 查询字符串assign(url) 页面跳转

□ navigator 浏览器信息对象

appCodeNameappName 浏览器名称appVersion 版本platform 操作系统onLine 是否在线cookieEnabled 是否支持cookie

□ screen 屏幕信息对象

availHeight 可用高度(除 Windows 任务栏之外)availWidth可用宽度height高度width宽度colorDepth 颜色

□ history 历史对象 （history对象包含了用户在浏览器窗口访问过的url）

back() 加载历史列表中的前一个 URL（如果存在）。forward() 加载历史列表中的下一个 URL。

□ document 文档对象：

linkColor 超链接颜色alinkColor 点击链接作用过程中的颜色vlinkColor 点击链接后的颜色bgColor 背景颜色fgColor 字体颜色title 标题

getElementById(‘id’); 通过id属性获取某个dom元素getElementsByName(‘name’); 通过name属性获取dom元素数组getElementsByTagName(‘name’); 通过标签名获取dom元素数组

✿ 3、定时器原理：

当程序执行到setTimeout函数（setTimeout函数的返回值就是定时器对象）时，向系统抛出一个定时器对象，然后指定时间到达，定时器对象执行指定语句，然后定时器对象（timer）消失

✿4、清除定时器：

var timer = setTimeout(表达式, 毫秒); //设置定时器（setTimeout函数返回值就是定时器对象）clearTimeout(timer); //清除定时器