天天看點

JavaScript操作BOM對象

  浏覽器對象模型(BOM)是JS的組成之一,它提供了獨立于内容與浏覽器視窗進行互動的對象,使用浏覽器對象模型可以實作與HTML的互動。它的作用是将相關的元素組織包裝起來,提供程式設計人員使用,進而降低開發的勞動量,提高設計Web頁面的能力。

  1.window對象

    1.1window對象的常用屬性

      history      有關客戶通路過的URL的資訊

      location       有關目前URL的資訊

      screen       隻讀屬性,包含有關用戶端顯示螢幕的資訊

    在JS中屬性的文法的格式如下:

      window.屬性名="屬性值";    

    1.2window對象的常用方法

      prompt()                    顯示可提示使用者輸入的對話框,有兩個參數,是輸入對話框,點"取消"傳回null,點确定則傳回使用者輸入的值

      alert()         顯示一個帶有提示資訊和一個"确定"按鈕的警示對話框,僅顯示警告對話框的消息,無傳回值,不能對腳本産生任何改變,隻有一個參數,

      confirm()      顯示一個帶有提示資訊、"确定"和"取消"按鈕的對話框,單擊"确認"傳回true,單擊"取消"傳回false

      close()       關閉浏覽器視窗

      open()      打開一個新的浏覽器視窗,加載給定URL所指定的文檔

      setTimeout()    在指定的毫秒數後調用函數或計算表達式

      setInterval()    按照指定的周期(以毫秒計)來調用函數或表達式

    2.history對象

      2.1history對象的方法

        back()     加載history對象列中的前一個URL,back()方法會讓浏覽器加載前一個浏覽過的文檔,等效于浏覽器中的"後退"按鈕

        forward()   于back()相反

        go(n)  n是一個具體的數字,當n>0時,裝入曆史清單中往前數的第n個頁面,當n=0時,裝入目前頁面;當n<0時,裝入曆史清單中往後數的第n個頁面 

    3.location對象

  location對象提供目前頁面的URL資訊,并且可以重新裝載目前頁面或裝入新頁面

    3.1location對象的屬性

      host          設定或傳回主機名和目前URL的端口号

      hostname 設定或傳回當url的主機名

      href        設定或傳回完整的URL

     3.2 location對象的方法

      reload()    重新加載目前文檔

      replace()   用新的文檔替換目前文檔

    4.  document對象  

    document對象的常用方法

   getElementById()            傳回對擁有指定id的對一個對象的引用

    getElementByName()     傳回帶有指定名稱的對象的集合

    getElementByTagName()     傳回帶有指定标簽名的對象的集合

    write()           向文檔寫文本,HTML表達式或JS代碼

    5.定時函數

    5.1.1.setTimeout("調用的函數名稱",等待的毫秒數)                  用于在指定的毫秒後調用函數或計算表達式

      2.serInterval("調用的函數名稱",周期性調用函數之間間隔的毫秒數) 

      serInterval ()會不停地調用函數,直到視窗被關閉或被其他方法強制停止。

      3.clearTimeout()和clearInterval()

      clearTimeout()函數用來清除由setTimeout()函數設定的定時器 ,文法如下:

      clearTimeout(setTimeout()傳回的ID值);

      clearInterval()函數用來清除由serInterval ()函數設定的定時器 ,文法如下:

      clearInterval(serInterval ()傳回的ID值);