bom event周期_JavaScript之DOM-6 BOM概述 、Window对象(Window对象概述、窗口与对话框、定时器)...

一、BOM 概述

BOM 概述

- DHTML 对象模型回顾

BOM 概述

- BOM: Browser Object Model,浏览器对象模型，用来访问和操纵浏览器窗口，使 JavaScript 有能力与浏览器"对话"

- 通过使用 BOM，可移动窗口、更改状态栏文本、执行其他不与页面内容发生直接联系的操作

- 没有相关标准，但被广泛支持

BOM 模型

- BOM 模型主要包括如下对象

二、Window 对象概述

Window 对象概述

- window 对象表示浏览器中打开的窗口

- 如果文档包含框架(frame 或 iframe 标签)，浏览器会为 HTML 文档创建一个 window 对象，并为每个框架创建一个额外的 window 对象

- window 对象是 BOM 对象的根对象，其它的 BOM 对象都是它的属性，如 document对象，其实是 window.document的简写; 同理，window对象的方法也可以省略'window.'，如window.alter()可以简写 alert();

- window 对象常用属性

- window 对象常用方法

三、窗口与对话框

窗口的打开和关闭

- 可使用如下方法关闭一个窗口:

- close()            //关闭当前窗口

- self.close()       //关闭当前窗口

- xxWindow.close()   //关闭指定窗口

- 可使用如下方法打开一个新窗口:

- var newWin = window.open(URL,name,features,replace)

焦点窗口

- 窗口获得焦点: 可以捕获键盘输入、鼠标操作;

- 窗口失去焦点: 无法捕获键盘输入、鼠标操作。

- window对象提供了让获得/失去焦点的方法

- window.blur()        //失去焦点

- window.focus()       //获得焦点

对话框

- window对象共提供了三种对话框

- window.alert(msg)                 //弹出一个警告框

- window.prompt(msg,[value])        //弹出一个输入提示框

- window.confirm(msg)               //弹出一个确认框

四、定时器

定时器

- 多用于网页动态时钟、制作倒计时、×××灯效果等

- 周期性时钟

- 以一定的间隔执行代码，循环往复

- 一次性时钟

- 在一个设定的时间间隔之后来执行代码，而不是在函数被调用后立即执行

周期定时器

- setInterval(exp,time):周期性触发代码exp

- exp : 执行语句

- time: 时间周期，单位为毫秒

- 返回已经启动的定时器对象

- clearInterval(tID):停止启动的定时器

- tID: 启动的定时器对象

一次性定时器

- setTimeout(exp,time):一次性触发代码exp

- exp: 执行语句

- time: 间隔时间，单位为毫秒

- 返回已经启动的定时器

- clearTimeout(tID):停止启动的定时器

- tID: 启动的定时器对象

总结：本章内容主要介绍了 JavaScript DOM BOM概述 、Window对象(Window对象概述、窗口与对话框、定时器)