欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

BOM的实例详解

程序员文章站 2022-04-05 18:27:21
...

BOM

浏览器对象模型(Browser Object Model),使浏览器对象模型 (BOM) 使 JavaScript 有能力与浏览器“对话”。

浏览器对象模型(Browser Object Model) BOM提供了独立于内容而与浏览器窗口进行交互的对象。 由于BOM主要用于管理窗口与窗口之间的通讯,因此其核心对象是window BOM由一系列相关的对象构成,并且每个对象都提供了很多方法与属性 BOM缺乏标准,javaScript语法的标准化组织是ECMA,DOM的标准化组织是W3C。

(1)、Window对象

  所有浏览器都支持 window 对象。它表示浏览器窗口,是BOM的顶层(核心)对象,所有对象都是通过她延伸来的! 所有 JavaScript 全局对象、函数以及变量均自动成为 window 对象的成员。 全局变量是 window 对象的属性。 全局函数是 window 对象的方法。 由于window对象是顶层对象,因此调用他的子对象时可以不显示的指明window对象,例如下面这俩行代码是一样的:

   document.write(“今天天气真不错”); window. document.write(“今天天气真不错”);

(2)、window 时间等待与间隔函数

计时器:就是人为设定一个时间后会进行一些事件的触发。

  1.一次性计时器:仅在指定的延迟时间之后触发一次。 setTimeout() 方法接收两个参数,第一个参数是要进行触发的事件,第二个参数是指定的时间间隔。 语法:var t=setTimeout("javascript语句",毫秒) 调用方法的两种方式:

  setTimeout(showTime,1000);

  setTimeout(“showTime()”,1000);

  2.间隔性触发计时器:每隔一定的时间间隔就触发一次。 setInterval() 方法同样接收两个参数,第一个参数是要进行触发的事件,第二个参数是指定的时间间隔。 语法:var t=setInterval("javascript语句",毫秒) 调用方法的两种方式:

  setInterval(showTime,1000);

  setInterval(“showTime()”,1000);

取消计时器:取消由计时器设置的交互时间。

  1.取消一次性计时器 clearTimeout(id)方法接收一个由setTimeout()返回的ID值,该标识要取消的延迟执行代码块。

  2.取消间隔性触发计时器 clearInterval(id)方法接收一个由setInterval()返回的ID值,该标识要取消的间隔执行代码块。

(3)三个系统对话框

alert()、confirm()、prompt()

  1.alert() 用于显示带有一条指定消息和一个确定按钮的警告框。

   2.confirm() 用于显示一个带有指定消息和确定及取消按钮的对话框。 语法:confirm(message) 如果用户点击确定按钮,则 confirm() 返回 true。如果点击取消按钮,则 confirm() 返回 false。

  3.prompt() 用于显示可提示用户进行输入的对话框。 语法:prompt(text,defaultText) text 可选。要在对话框中显示的纯文本。 defaultText 可选。默认的输入文本。 如果用户单击提示框的取消按钮,则返回 null。如果用户单击确认按钮,则返回输入文本框当前显示的文本。

明天我们在简单聊聊BOM中window的子对象。

以上就是BOM的实例详解的详细内容,更多请关注其它相关文章!