首頁  >  文章  >  web前端  >  BOM的實例詳解

BOM的實例詳解

零下一度
零下一度原創
2017-06-26 11:47:261917瀏覽

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的實例詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn