瀏覽器對象模型(BOM)
總寫:
BOM是瀏覽器對象模型的簡稱答捕。JavaScript將整個瀏覽器窗口按實現(xiàn)的功能拆分為若干個對象欣孤,JavaScript可以根據(jù)對象的形式來操作瀏覽器郎任。是描述與瀏覽器進行交互的方法和接 口史翘, ECMAscript是javascript的核心,但如果要在web中使用javascript位衩,那么 BOM則無疑才是真正的核心裆蒸。一個完整的BOM主要包括window、history糖驴、location和document等對象僚祷。
Window對象
Window 對象表示一個瀏覽器窗口或一個框架。在客戶端 JavaScript 中贮缕,Window 對象是全局對象辙谜,所有的表達式都在當前的環(huán)境中計算。也就是說感昼,要引用當前窗口根本不需要特殊的語法装哆,可以把那個窗口的屬性作為全局變量來使用。
1.常用屬性:
document:窗口中當前顯示的文檔對象
history:history對象保存窗口最近加載的URL
location:當前窗口的URL
2.常用方法:
小貼士:
1.alert方法用于向用戶彈出一個警告抑诸,或提示下一步怎么做烂琴。在alert方法中爹殊,是不會包含html標簽的蜕乡。但可以使用轉義字符,如\n(換行)和\t(空格)等梗夸。
2.confirm方法創(chuàng)建確認框层玲,用于確認用戶針對某個問題的答案,必修經(jīng)過用戶同意操作才能完成。它包含兩個按鈕:“確定”和“取消”辛块。如果點擊“確定”畔派,則返回true,如果點擊“取消”則返回false润绵。一般用于刪除操作线椰。
3.open() 方法用于打開一個新的瀏覽器窗口或查找一個已命名的窗口。它有四個參數(shù):第一個是新窗口的URL尘盼,第二個是新窗口的命名憨愉,第三個參數(shù)是設置新窗口的特征。這三個參數(shù)都能省略卿捎。
4.opan方法的窗口特征:
5.close方法是關閉窗口對象配紫。close方法沒有參數(shù),只需要讓需要關閉窗口對象調用close方法即可午阵。
6.setTimeout和setInterval方法類似于鬧鐘躺孝。通過它們開發(fā)人可以通過時間來然程序完成指定的任務。setTimeout會在指定時間完成指定任務然后退出底桂。setInterval會根據(jù)時間間隔來反復執(zhí)行指定代碼植袍,直到程序結束或利用clearInterval方法取消。它們都有兩個參數(shù)戚啥,一個是帶引號的程序代碼或函數(shù)的調用奋单,另一個是以毫秒外單位的表示時間。
7.history對象包含用戶(在瀏覽器窗口中)訪問過的 URL猫十。
history對象的方法:
8.location對象:用于打開窗口的URL 信息览濒,類似于瀏覽器的地址欄。location通過window的location獲取屬性拖云。其對象和方法如圖:
文檔對象模型(DOM)
描述: 要改變頁面的某個東西贷笛,JavaScript 就需要獲得對 HTML 文檔中所有元素進行訪問的入口。這個入口宙项,連同對 HTML 元素進行添加乏苦、移動、改變或移除的方法和屬性尤筐,都是通過文檔對象模型來獲得的(DOM)汇荐。
DOM把HTML文檔看成由元素、屬性和文本組成的一顆獨立的樹盆繁,把HTML文檔中的每一個成分視為一個節(jié)點掀淘。