BOM的实例详解

零下一度
Lepaskan: 2017-06-26 11:47:26
asal
1932 orang telah melayarinya

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的子对象。

 

Atas ialah kandungan terperinci BOM的实例详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan