瀏覽器對象模型(Browser Object Model)
BOM提供了獨立于內(nèi)容而與瀏覽器窗口進行交互的對象绪杏。
由于BOM主要用于管理窗口與窗口之間的通訊允华,因此其核心對象是window
BOM由一系列相關(guān)的對象構(gòu)成皮壁,并且每個對象都提供了很多方法與屬性
BOM缺乏標準更米,javaScript語法的標準化組織是ECMA爬舰,DOM的標準化組織是W3C
Window對象
所有瀏覽器都支持 window 對象禀横。它表示瀏覽器窗口屁药,是BOM的頂層(核心)對象,所有對象都是通過她延伸來的柏锄!
所有 JavaScript全局對象酿箭、函數(shù)以及變量均自動成為window對象的成員。
全局變量是 window對象的屬性趾娃。
全局函數(shù)是 window對象的方法缭嫡。
由于window對象是頂層對象,因此調(diào)用他的子對象時可以不顯示的指明window對象
JavaScript中的任何一個全局函數(shù)或變量都是window的屬性
Window子對象
document? ? ? ? ??history? ? ? ? ?location????????navigator? ? ? ? ?screen
Window函數(shù)
窗體控制函數(shù):
moveBy()??????? //window.moveBy(60,50);相對
moveTo()? //window.moveTo(60,50);絕對
resizeBy( )? //window.resizeBy(60,50);相對
resizeTo( )? //window.resizeTo(60,50);絕對
窗體滾動軸控制函數(shù):
scrollTo( )? //絕對
scrollBy( )???????//相對
新建窗體函數(shù):
close( )
Open( )
open()
?????語法:
?????????window.open(url,name,feature,replace);
url-- 要載入窗體的URL
name -- 新建窗體的名稱(也可以是HTML?target屬性的取值抬闷,目標)
features -- 代表窗體特性的字符串妇蛀,字符串中每個特性使用逗號分隔
replace -- 一個布爾值,說明新載入的頁面是否替換當前載入的頁面,此參數(shù)通常不用指定
三個系統(tǒng)對話框
alert()讥耗、confirm()有勾、prompt()
1.alert()
用于顯示帶有一條指定消息和一個確定按鈕的警告框。
2.confirm()
用于顯示一個帶有指定消息和確定及取消按鈕的對話框古程。
語法:confirm(message)
如果用戶點擊確定按鈕蔼卡,則 confirm() 返回 true。如果點擊取消按鈕挣磨,則 confirm() 返回 false雇逞。
3.prompt()
用于顯示可提示用戶進行輸入的對話框。
語法:prompt(text,defaultText)
text? 可選茁裙。要在對話框中顯示的純文本塘砸。
defaultText???? 可選。默認的輸入文本晤锥。
n如果用戶單擊提示框的取消按鈕掉蔬,則返回null。如果用戶單擊確認按鈕矾瘾,則返回輸入文本框當前顯示的文本女轿。
實現(xiàn)字符串的反轉(zhuǎn)和大寫變換
Location對象
Location對象包含有關(guān)當前 URL(統(tǒng)一資源定位符) 的信息。(Uniform Resource Location)
Location對象是 Window 對象的一個部分壕翩,可通過 window.location 屬性來訪問蛉迹。
location.hostname??返回當前 URL 的主機名。
location.pathname?返回當前 URL 的路徑部分放妈。
location.protocol ??返回當前 URL 的協(xié)議北救。
location.href ?????返回完整的 URL。
navigator 對象
Navigator對象包含有關(guān)瀏覽器的信息芜抒。
appName? 返回瀏覽器的名稱珍策。
appCodeName 返回瀏覽器的代碼名稱的字符串。
cookieEnabled 指明瀏覽器中是否啟用
cookie 的布爾值宅倒。
platform? 返回運行瀏覽器的操作系統(tǒng)平臺膛壹。
appVersion 返回瀏覽器的平臺和版本信息。
userAgent--用戶代理頭的字符串表示
注意:
????navigator中最重要的是userAgent屬性唉堪,返回瀏覽器版本等信息的字符串。
?? cookieEnabled可以判斷用戶瀏覽器是否開啟了cookie
Screen
Screen對象
Screen
對象包含有關(guān)客戶端顯示屏幕的信息肩民。
height?? 返回顯示屏幕的高度唠亚。
width?? 返回顯示器屏幕的寬度。
availHeight? 顯示屏幕的可用高度 (除 Windows 任務欄之外)持痰。
availWidth? 顯示屏幕的可用寬度 (除 Windows 任務欄之外)灶搜。
History對象
History對象包含用戶(在瀏覽器窗口中)訪問過的URL。
history.back() ?后退(如果存在)。
history.forward()?? 前進割卖。