[其他]document,window,DOM,BOM的區(qū)別

document,window,DOM,BOM的區(qū)別

DOM

DOM 全稱是 Document Object Model剥啤,也就是文檔對象模型

DOM 就是針對HTML和XML提供的一個API。為了能以編程的方法操作這個HTML的內容(比如添加某一個元素,修改元素的內容,刪除某些元素)瓜富。我們把整個HTML看做一個對象樹圣拄,它里面包括的所有東西都可以看做對象绅你。例如<div></div>這樣的標簽就是一個節(jié)點(node)纪岁。

document

當瀏覽器下載了一個網(wǎng)頁凑队,通常都是html,這個html就是document(也是DOM樹的一個node)蜂科,document通常是整個DOM樹的根節(jié)點顽决。
document 包含了標題(document.title)短条、URL(document.URL)等屬性导匣,可以直接在 JS 中訪問到。

document對象.png

例如茸时,通過 iframe 加載的頁面贡定,每一個都是一個 document。在 JS 中可都,可以通過 document 訪問其子節(jié)點(其實任何節(jié)點都可以)缓待,如

document.body;
document.getElementById('xxx');
document.title;

BOM

BOM 是 Browser Object Model蚓耽,瀏覽器對象模型。

BOM 為了能控制瀏覽器的行為出現(xiàn)的接口比如跳轉到另一個頁面旋炒、前進步悠、后退等等,程序還可能需要獲取屏幕的大小之類的參數(shù)瘫镇。我們把整個HTML看做一個對象樹鼎兽,它里面包括的所有東西都可以看做對象。例如<div></div>這樣的標簽就是一個節(jié)點(node)铣除。
所以 BOM 就是為了解決這些事情出現(xiàn)的接口谚咬。比如我們要讓瀏覽器跳轉到另一個頁面,只需要

location.;

location 就是 BOM 里的一個對象尚粘。

window

window 也是 BOM 的一個對象择卦,除去編程意義上的“兜底對象”之外,通過這個對象可以獲取窗口位置郎嫁、確定窗口大小秉继、彈出對話框等等。例如我要關閉當前窗口:

window.close();

參考文章:

https://www.zhihu.com/question/33453164/answer/56549408

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末泽铛,一起剝皮案震驚了整個濱河市秕噪,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌厚宰,老刑警劉巖腌巾,帶你破解...
    沈念sama閱讀 216,324評論 6 498
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異铲觉,居然都是意外死亡澈蝙,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,356評論 3 392
  • 文/潘曉璐 我一進店門撵幽,熙熙樓的掌柜王于貴愁眉苦臉地迎上來灯荧,“玉大人,你說我怎么就攤上這事盐杂《涸兀” “怎么了?”我有些...
    開封第一講書人閱讀 162,328評論 0 353
  • 文/不壞的土叔 我叫張陵链烈,是天一觀的道長厉斟。 經(jīng)常有香客問我,道長强衡,這世上最難降的妖魔是什么擦秽? 我笑而不...
    開封第一講書人閱讀 58,147評論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上感挥,老公的妹妹穿的比我還像新娘缩搅。我一直安慰自己,他們只是感情好触幼,可當我...
    茶點故事閱讀 67,160評論 6 388
  • 文/花漫 我一把揭開白布硼瓣。 她就那樣靜靜地躺著,像睡著了一般置谦。 火紅的嫁衣襯著肌膚如雪巨双。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,115評論 1 296
  • 那天霉祸,我揣著相機與錄音筑累,去河邊找鬼。 笑死丝蹭,一個胖子當著我的面吹牛慢宗,可吹牛的內容都是我干的。 我是一名探鬼主播奔穿,決...
    沈念sama閱讀 40,025評論 3 417
  • 文/蒼蘭香墨 我猛地睜開眼镜沽,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了贱田?” 一聲冷哼從身側響起缅茉,我...
    開封第一講書人閱讀 38,867評論 0 274
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎男摧,沒想到半個月后蔬墩,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,307評論 1 310
  • 正文 獨居荒郊野嶺守林人離奇死亡耗拓,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 37,528評論 2 332
  • 正文 我和宋清朗相戀三年拇颅,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片乔询。...
    茶點故事閱讀 39,688評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡樟插,死狀恐怖,靈堂內的尸體忽然破棺而出竿刁,到底是詐尸還是另有隱情黄锤,我是刑警寧澤,帶...
    沈念sama閱讀 35,409評論 5 343
  • 正文 年R本政府宣布食拜,位于F島的核電站鸵熟,受9級特大地震影響,放射性物質發(fā)生泄漏监婶。R本人自食惡果不足惜旅赢,卻給世界環(huán)境...
    茶點故事閱讀 41,001評論 3 325
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望惑惶。 院中可真熱鬧煮盼,春花似錦、人聲如沸带污。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,657評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽鱼冀。三九已至报破,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間千绪,已是汗流浹背充易。 一陣腳步聲響...
    開封第一講書人閱讀 32,811評論 1 268
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留荸型,地道東北人盹靴。 一個月前我還...
    沈念sama閱讀 47,685評論 2 368
  • 正文 我出身青樓,卻偏偏與公主長得像瑞妇,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 44,573評論 2 353

推薦閱讀更多精彩內容

  • 之前通過深入學習DOM的相關知識空执,看了慕課網(wǎng)DOM探索之基礎詳解篇這個視頻(在最近看第三遍的時候唬复,準備記錄一點東西...
    微醺歲月閱讀 4,473評論 2 62
  • 一、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結構)蔓倍,知道了CSS樣式(也稱為表示)悬钳,會使用HT...
    凜0_0閱讀 2,769評論 0 8
  • 喜歡了一個人 想起無盡的等待里 死一般的沉寂 想起忍著放下自尊和矜持 小心翼翼試探時的卑微 卑微到塵埃里的無助和茫...
    微笑的百合花閱讀 355評論 1 1
  • okubyou閱讀 223評論 0 0
  • 再賞《朱鹮》,我又一次加深了這種莫名的懷疑偶翅,語言這一進化的產(chǎn)物他去,是不是多余的。我聚精會神安靜地欣賞完整部舞劇倒堕,內心...
    Cindy_Hong閱讀 428評論 0 0