JavaScript操作BOM對象

標籤：row   too   表達   技術分享   browser   www.   單擊   image   格式   

1)windows對象

        瀏覽器物件模型（BOM ：Browser  Object  Model）是JavaScript的組成之一，它提供了獨立於內容與瀏覽

器視窗進行互動的對象，使用瀏覽器物件模型可以實現與HTML的互動。它的作用是將相關的元素組織封裝起來，

提供給程式設計人員使用，從而降低開發人員的勞動量，提高設計Web頁面的能力。BOM是一個分層結構

1-1)使用BOM通常可實現如下功能：

        1.彈出新的瀏覽器視窗

        2.移動、關閉瀏覽器視窗及調整視窗大小

        3.在瀏覽器視窗中實現頁面的前進、後退功能

 

1-2)windows對象的常用屬性

        1.history   有關客戶訪問過的URL的資訊

2.location  有關當前URL的資訊

        3.screen    唯讀屬性，包含有關用戶端顯示屏的資訊

在Javascript中，屬性的文法格式如下：

window.屬性名稱=“屬性值”

例：

window.location="http://www.bdqn.cn",表示頁面跳轉

screen.heigth 返回顯示瀏覽器的螢幕的高度，單位為像素

1-3)windows對象的常用方法

1.    prompt()   顯示可提示使用者輸入的對話方塊

2.          alert()  顯示一個帶有提示資訊和一個“確定”按鈕的警示對話方塊

3.     confirm()   顯示一個帶有提示資訊、“確定”和“取消”按鈕的對話方塊

4.          close()   關閉瀏覽器視窗

5.          open() 開啟一個新的瀏覽器視窗，載入給定URL所指定的文檔

6.setTimeout()        在指定的毫秒數後調用函數或計算運算式

7. setInterval()        按照指定的周期（以毫秒計）來調用函數或運算式

文法：

window.方法名();

window對象是全域對象，所以在使用window對象的屬性和方法時，window可以省略

例如：之前直接使用的alert(),相當於寫成window.alert();

1-4)方法的使用

1.confirm() 將彈出一個確認對話方塊 

文法：

window.confirm("確認要刪除此條資訊嗎");

在confirm()對話方塊中，有確認和取消按鈕。當使用者單機確認是，則返回 true 反之 false

代碼執行個體：

var flag=confirm("確認刪除此條資訊嗎");

if(flag)
{
alert("刪除成功");
}else
{
alert("你取消了刪除");

}

        2.close()

                close()方法用於關閉瀏覽器視窗，文法：window.close（）;

        3.open();

                在頁面上彈出一個新的瀏覽器視窗，快顯視窗的文法格式如下：

                window.open(“快顯視窗的url”, “視窗名稱”，“視窗特徵”);

                視窗的特徵屬性：

1-5)prompt()、alert()、confirm()不同之處

alert()         只有一個參數，僅顯示警告對話方塊的訊息，無傳回值，不能對指令碼產生任何影響
 
 prompt()  有兩個參數，是輸入對話方塊，用來提示使用者輸入一些資訊，單擊取消按鈕則返回null
 ，單擊 確定 按鈕則返回使用者輸入的值，常用於收集使用者關於特定問題而反饋資訊
  
confirm()  只有一個參數，是確認對話方塊，顯示提示對話方塊的資訊。 確認 按鈕和取消按鈕
  單擊確定返回true  單擊取消返回 false，因此與if--else語句搭配使用

2）history對象 和 location對象

    history對象常用方法：

         back（）  載入history對象列表中的前一個URL

    forward（） 載入history 對象列表中的下一個URL

             go（） 載入history 對象列表中的某個具體URL

       history.back（）=== history.go（-1） 瀏覽器中的  後退

    history.forward() ===history.go  ( 1 )       瀏覽器中的  前進 

    location 對象常用方法及屬性：

                 host ：  設定或返回主機名稱和當前URL的連接埠號碼

        hostname :    設定或返回當前URL的主機名稱

                  href：  設定或返回完整的URL

         reload（）   重新載入當前文檔

        reolace（）   用新的文檔替換當前文檔

4）JavaScript 內建對象

        1.Array  : 用於在單獨的變數名中儲存一系列的值

        2.String : 用於支援對字串的處理

        3.Math ：用於執行常用的數學任務，它包含了若干個數字常量和函數

        4.Date ：用於操作日期和時間

        1）Date對象擷取日期：

        文法：var  日期對象 = new  Date（參數）；參數格式：MM  DD，YYYY ，hh：mm：ss

 

 

  

 

 

 

JavaScript操作BOM對象