|
總結：【BOM是瀏覽器對象模型，用來獲取或設置瀏覽器的屬性、行為，例如：新建窗口、獲取屏幕分辨率、瀏覽器版本號等。 DOM是文檔對象模型，用來獲取或設置文檔中標簽的屬性，例如獲取或者設置input表單的value值。 BOM的內容不多，主要還是DOM。 由于DOM的操作對象是文檔（Document），所以dom和瀏覽器沒有直接關系。 一般情況下：BOM是由navigator、history、screen、location、document五個對象組成的?！?br/> BOM中的對象 Window對象： 是整個BOM的核心，所有對象和集合都以某種方式回接到window對象。Window對象表示整個瀏覽器窗口，但不必表示其中包含的內容。 Document對象： 實際上是window對象的屬性。這個對象的獨特之處是唯一一個既屬于BOM又屬于DOM的對象。從BOM角度看，document對象由一系列集合構成，這些集合可以訪問文檔的各個部分。 Location對象： 它是window對象和document對象的屬性。Location對象表示載入窗口的URL，此外它還可以解析URI. Navigator對象： Navigator包含大量Web瀏覽器相關的信息。各種瀏覽器支持該對象的屬性和方法不盡相同。 Screen對象： 通過其可以獲取用戶屏幕相關的信息 BOM是瀏覽器對象模型，用來獲取或設置瀏覽器的屬性、行為，例如：新建窗口、獲取屏幕分辨率、瀏覽器版本號等。 DOM是文檔對象模型，用來獲取或設置文檔中標簽的屬性，例如獲取或者設置input表單的value值。 BOM的內容不多，主要還是DOM。 由于DOM的操作對象是文檔（Document），所以dom和瀏覽器沒有直接關系。 補充：關于BOM BOM的核心是window，而window對象又具有雙重角色，它既是通過js訪問瀏覽器窗口的一個接口，又是一個Global（全局）對象。這意味著在網頁中定義的任何對象，變量和函數，都以window作為其global對象。 1 window.close(); //關閉窗口 window.alert("message"); //彈出一個具有OK按鈕的系統(tǒng)消息框，顯示指定的文本 window.confirm("Are you sure?"); //彈出一個具有OK和Cancel按鈕的詢問對話框，返回一個布爾值 window.prompt("What's your name?", "Default"); //提示用戶輸入信息，接受兩個參數，即要顯示給用戶的文本和文本框中的默認值，將文本框中的值作為函數值返回 window.status //可以使狀態(tài)欄的文本暫時改變 window.defaultStatus //默認的狀態(tài)欄信息，可在用戶離開當前頁面前一直改變文本 window.setTimeout("alert('xxx')", 1000); //設置在指定的毫秒數后執(zhí)行指定的代碼，接受2個參數，要執(zhí)行的代碼和等待的毫秒數 window.clearTimeout("ID"); //取消還未執(zhí)行的暫停，將暫停ID傳遞給它 window.setInterval(function, 1000); //無限次地每隔指定的時間段重復一次指定的代碼，參數同setTimeout()一樣 window.clearInterval("ID"); //取消時間間隔，將間隔ID傳遞給它 window.history.go(-1); //訪問瀏覽器窗口的歷史，負數為后退，正數為前進 window.history.back(); //同上 window.history.forward(); //同上 window.history.length //可以查看歷史中的頁面數 document對象 1 document對象：實際上是window對象的屬性， document == window.document為true，是唯一一個既屬于BOM又屬于DOM的對象 document.lastModified //獲取最后一次修改頁面的日期的字符串表示 document.referrer //用于跟蹤用戶從哪里鏈接過來的 document.title //獲取當前頁面的標題，可讀寫 document.URL //獲取當前頁面的URL，可讀寫 document.anchors[0]或document.anchors["anchName"] //訪問頁面中所有的錨 document.forms[0]或document.forms["formName"] //訪問頁面中所有的表單 document.images[0]或document.images["imgName"] // 訪問頁面中所有的圖像 document.links [0]或document.links["linkName"] //訪問頁面中所有的鏈接 document.applets [0]或document.applets["appletName"] //訪問頁面中所有的Applet document.embeds [0]或document.embeds["embedName"] //訪問頁面中所有的嵌入式對象 document.write(); 或document.writeln(); //將字符串插入到調用它們的位置 |
|
|
來自： cjavahtml > 《html-css》
