pg麻将胡了哪里玩好爆

書名： jQuery從入門到精通（軟件開發視頻大講堂）
作者名：明日科技
本章字數： 708字
更新時間： 2020-11-28 23:47:17

2.5 BOM對象編程

2.5.1 什么是BOM對象

瀏覽器對象模型（Browser Object Model）簡稱為BOM。瀏覽器對象模型提供了用戶與瀏覽器之間交互的對象以及操作的接口。BOM對象的具體功能如表2.6所示。

表2.6 BOM對象的具體功能

2.5.2 BOM對象編程

我們在2.5.1節當中介紹了BOM對象的基本情況，BOM對象是HTML DOM類結構中包含的一組瀏覽器對象。本節我們結合實例來介紹Window和Document等常用BOM對象的編程方法。

1.Window對象

Window對象表示瀏覽器中一個打開的窗口。Window對象的屬性如表2.7所示。

表2.7 Window對象的屬性

Window對象的方法如表2.8所示。

表2.8 Window對象的方法

下面詳細介紹一下window.setTimeout()方法的使用。window.setTimeout()方法的語法如下：

        window.setTimeout(code, millisec)

參數說明：

code：在調用的函數后要執行的JavaScript代碼串。

millisec：在執行代碼前需要等待的毫秒數。

【例2.7】在頁面載入完成執行按鈕的click事件，但是并不需要用戶自己操作。（實例位置：光盤\TM\sl\2\7）

（1）創建一個名稱為index.html的文件。

（2）在頁面的<body>標記中，添加一個button按鈕，具體代碼如下：

        <input type="button"name="button"value="關閉"  onclick="closeWindow()"/>

（3）在<head>標簽下編寫JavaScript代碼，使用setTimeout()方法令查看窗口在3秒鐘后關閉，具體代碼如下：

        <script language="javascript">
            function closeWindow(){
                document.write("3秒鐘后關閉該窗口！");
                setTimeout("window.close()", "3000");
            }
        </script>

運行本實例，效果如圖2.25所示。

圖2.25 關閉瀏覽器窗口

2.document對象

document對象是常用的JavaScript對象，用于管理網頁文檔。document對象的常用屬性如表2.9所示。

表2.9 document對象的常用屬性

document對象的常用方法如表2.10所示。

表2.10 document對象的常用方法

document對象的常用子對象和集合如表2.11所示。

表2.11 document對象的常用子對象和集合

【例2.8】document對象的使用。（實例位置：光盤\TM\sl\2\8）

（1）創建一個名稱為index.html的文件。

（2）在頁面的<body>標記中，使用<img>標簽添加一張圖片，具體代碼如下：

        <h3>document對象的使用</h3>
        <p><img src="images/php5.png" width="867" height="454" border="0" title="" /> </p>

（3）在圖片下方編寫JavaScript代碼，獲取文件地址、文件標題等信息，具體代碼如下：

        <script language="javascript">
            document.write("文件地址："+document.location+"<br/>");
            document.write("文件標題："+document.title+"<br/>");
            document.write("圖片路徑："+document.images[0].src+"<br/>");
            document.write("前景色："+document.fgColor+"<br/>");
            document.write("背景顏色："+document.bgColor+"<br/>");
        </script>

運行本實例，效果如圖2.26所示。

圖2.26 運行結果

官术网_书友最值得收藏!

jQuery從入門到精通 （軟件開發視頻大講堂）

2.5 BOM對象編程

2.5.1 什么是BOM對象

2.5.2 BOM對象編程

jQuery從入門到精通（軟件開發視頻大講堂）