JavaScript中的BOM(瀏覽器對象模型 )

瀏覽器對象模型(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()?? 前進割卖。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末前酿,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子鹏溯,更是在濱河造成了極大的恐慌罢维,老刑警劉巖,帶你破解...
    沈念sama閱讀 219,110評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件丙挽,死亡現(xiàn)場離奇詭異肺孵,居然都是意外死亡,警方通過查閱死者的電腦和手機颜阐,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,443評論 3 395
  • 文/潘曉璐 我一進店門平窘,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人凳怨,你說我怎么就攤上這事瑰艘。” “怎么了肤舞?”我有些...
    開封第一講書人閱讀 165,474評論 0 356
  • 文/不壞的土叔 我叫張陵紫新,是天一觀的道長。 經(jīng)常有香客問我萨赁,道長弊琴,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,881評論 1 295
  • 正文 為了忘掉前任杖爽,我火速辦了婚禮敲董,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘慰安。我一直安慰自己腋寨,他們只是感情好,可當我...
    茶點故事閱讀 67,902評論 6 392
  • 文/花漫 我一把揭開白布化焕。 她就那樣靜靜地躺著萄窜,像睡著了一般。 火紅的嫁衣襯著肌膚如雪撒桨。 梳的紋絲不亂的頭發(fā)上查刻,一...
    開封第一講書人閱讀 51,698評論 1 305
  • 那天,我揣著相機與錄音凤类,去河邊找鬼穗泵。 笑死,一個胖子當著我的面吹牛谜疤,可吹牛的內(nèi)容都是我干的佃延。 我是一名探鬼主播现诀,決...
    沈念sama閱讀 40,418評論 3 419
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼履肃!你這毒婦竟也來了仔沿?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,332評論 0 276
  • 序言:老撾萬榮一對情侶失蹤尺棋,失蹤者是張志新(化名)和其女友劉穎封锉,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體陡鹃,經(jīng)...
    沈念sama閱讀 45,796評論 1 316
  • 正文 獨居荒郊野嶺守林人離奇死亡烘浦,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,968評論 3 337
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了萍鲸。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片闷叉。...
    茶點故事閱讀 40,110評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖脊阴,靈堂內(nèi)的尸體忽然破棺而出握侧,到底是詐尸還是另有隱情,我是刑警寧澤嘿期,帶...
    沈念sama閱讀 35,792評論 5 346
  • 正文 年R本政府宣布品擎,位于F島的核電站,受9級特大地震影響备徐,放射性物質(zhì)發(fā)生泄漏萄传。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 41,455評論 3 331
  • 文/蒙蒙 一蜜猾、第九天 我趴在偏房一處隱蔽的房頂上張望秀菱。 院中可真熱鬧,春花似錦蹭睡、人聲如沸衍菱。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,003評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽脊串。三九已至,卻和暖如春清钥,著一層夾襖步出監(jiān)牢的瞬間琼锋,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,130評論 1 272
  • 我被黑心中介騙來泰國打工祟昭, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留缕坎,地道東北人。 一個月前我還...
    沈念sama閱讀 48,348評論 3 373
  • 正文 我出身青樓从橘,卻偏偏與公主長得像念赶,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子恰力,可洞房花燭夜當晚...
    茶點故事閱讀 45,047評論 2 355

推薦閱讀更多精彩內(nèi)容