JavaScript之DOM-6 BOM概述 Window对象(Window对象概述窗口与对话框定时器)

Posted 2020-07-02

一、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对象概述、窗口与对话框、定时器)

本文出自 “技术交流” 博客，谢绝转载！