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
對象。
window.close(); //關閉窗口
window.alert("message"); //彈出一個具有OK按鈕的系統消息框,顯示指定的文本
window.confirm("Are you sure?"); //彈出一個具有OK和Cancel按鈕的詢問對話框,返回一個布爾值
window.prompt("What's your name?", "Default"); //提示用戶輸入信息,接受兩個參數,即要顯示給用戶的文本和文本框中的默認值,將文本框中的值作為函數值返回
window.status //可以使狀態欄的文本暫時改變
window.defaultStatus //默認的狀態欄信息,可在用戶離開當前頁面前一直改變文本
window.setTimeout("alert('xxx')", 1000); //設置在指定的毫秒數后執行指定的代碼,接受2個參數,要執行的代碼和等待的毫秒數
window.clearTimeout("ID"); //取消還未執行的暫停,將暫停ID傳遞給它
window.setInterval(function, 1000); //無限次地每隔指定的時間段重復一次指定的代碼,參數同setTimeout()一樣
window.clearInterval("ID"); //取消時間間隔,將間隔ID傳遞給它
window.history.go(-1); //訪問瀏覽器窗口的歷史,負數為后退,正數為前進
window.history.back(); //同上
window.history.forward(); //同上
window.history.length //可以查看歷史中的頁面數
document對象
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(); //將字符串插入到調用它們的位置