欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

javascript bom是什么及bom和dom的區(qū)別

 更新時(shí)間:2015年11月26日 15:14:45   投稿:mrr  
BOM是瀏覽器對(duì)象模型,DOM是文檔對(duì)象模型,前者是對(duì)瀏覽器本身進(jìn)行操作,而后者是對(duì)瀏覽器(可看成容器)內(nèi)的內(nèi)容進(jìn)行操作。這篇文章給大家介紹javascript bom是什么及bom和dom的區(qū)別,感興趣的朋友一起學(xué)習(xí)吧

什么是BOM

BOM是browser object model的縮寫,簡(jiǎn)稱瀏覽器對(duì)象模型
BOM提供了獨(dú)立于內(nèi)容而與瀏覽器窗口進(jìn)行交互的對(duì)象
由于BOM主要用于管理窗口與窗口之間的通訊,因此其核心對(duì)象是window
BOM由一系列相關(guān)的對(duì)象構(gòu)成,并且每個(gè)對(duì)象都提供了很多方法與屬性
BOM缺乏標(biāo)準(zhǔn),JavaScript語法的標(biāo)準(zhǔn)化組織是ECMA,DOM的標(biāo)準(zhǔn)化組織是W3C
BOM最初是Netscape瀏覽器標(biāo)準(zhǔn)的一部分

在BOM章節(jié)中你將學(xué)到什么

BOM教程中,同學(xué)們將學(xué)到與瀏覽器窗口交互的一些對(duì)象,例如可以移動(dòng),調(diào)整瀏覽器大小的window對(duì)象,可以用于導(dǎo)航的location對(duì)象與history對(duì)象,可以獲取瀏覽器,操作系統(tǒng)與用戶屏幕信息的navigator與screen對(duì)象,可以使用document作為訪問HTML文檔的入口,管理框架的frames對(duì)象等

BOM結(jié)構(gòu)圖

window對(duì)象是BOM的頂層(核心)對(duì)象,所有對(duì)象都是通過它延伸出來的,也可以稱為window的子對(duì)象

由于window是頂層對(duì)象,因此調(diào)用它的子對(duì)象時(shí)可以不顯示的指明window對(duì)象,例如下面兩行代碼是一樣的:

示例

document.write("www.dreamdu.com");
window.document.write(www.dreamdu.com);

javascript中的BOM和DOM什么區(qū)別?

這是瀏覽器運(yùn)行時(shí)中的兩個(gè)不同的概念。

BOM 瀏覽器對(duì)象模型

提供了獨(dú)立于內(nèi)容而與瀏覽器窗口進(jìn)行交互的對(duì)象。描述了與瀏覽器進(jìn)行交互的方法和接口,可以對(duì)瀏覽器窗口進(jìn)行訪問和操作,譬如可以彈出新的窗口,改變狀態(tài)欄中的文本,對(duì)Cookie的支持,IE還擴(kuò)展了BOM,加入了ActiveXObject類,可以通過js腳本實(shí)例化ActiveX對(duì)象等等)

DOM 文檔對(duì)象模型

DOM是針對(duì)XML的基于樹的API。描述了處理網(wǎng)頁內(nèi)容的方法和接口,是HTML和XML的API,DOM把整個(gè)頁面規(guī)劃成由節(jié)點(diǎn)層級(jí)構(gòu)成的文檔。

DOM本身是與語言無關(guān)的API,它并不與Java,JavaScript或其他語言綁定。

特定語言的DOM

針對(duì)XHTML和HTML的DOM。這個(gè)DOM定義了一個(gè)HTMLDocument和HTMLElement做為這種實(shí)現(xiàn)的基礎(chǔ)。

相關(guān)文章

  • JavaScript注入漏洞的原理及防范(詳解)

    JavaScript注入漏洞的原理及防范(詳解)

    下面小編就為大家?guī)硪黄狫avaScript注入漏洞的原理及防范(詳解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2016-12-12
  • javascript特殊文本輸入框網(wǎng)頁特效

    javascript特殊文本輸入框網(wǎng)頁特效

    這篇文章主要為大家詳細(xì)介紹了javascript特殊文本輸入框網(wǎng)頁特效,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-09-09
  • 詳解微信小程序軌跡回放實(shí)現(xiàn)及遇到的坑

    詳解微信小程序軌跡回放實(shí)現(xiàn)及遇到的坑

    這篇文章主要介紹了詳解微信小程序軌跡回放實(shí)現(xiàn)及遇到的坑,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-02-02
  • BootStrap Table實(shí)現(xiàn)server分頁序號(hào)連續(xù)顯示功能(當(dāng)前頁從上一頁的結(jié)束序號(hào)開始)

    BootStrap Table實(shí)現(xiàn)server分頁序號(hào)連續(xù)顯示功能(當(dāng)前頁從上一頁的結(jié)束序號(hào)開始)

    這篇文章主要介紹了BootStrap Table實(shí)現(xiàn)server分頁序號(hào)連續(xù)顯示功能(當(dāng)前頁從上一頁的結(jié)束序號(hào)開始),需要的朋友可以參考下
    2017-09-09
  • js實(shí)現(xiàn)右鍵彈出自定義菜單

    js實(shí)現(xiàn)右鍵彈出自定義菜單

    這篇文章主要為大家詳細(xì)介紹了js實(shí)現(xiàn)右鍵彈出自定義菜單,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2020-09-09
  • JS實(shí)現(xiàn)字符串中去除指定子字符串方法分析

    JS實(shí)現(xiàn)字符串中去除指定子字符串方法分析

    這篇文章主要介紹了JS實(shí)現(xiàn)字符串中去除指定子字符串方法,結(jié)合實(shí)例形式分析了javascript使用字符串替換與分割、聚合兩種子字符串去除相關(guān)操作技巧,需要的朋友可以參考下
    2018-05-05
  • 值得分享的Bootstrap Table使用教程

    值得分享的Bootstrap Table使用教程

    一套值得分享和大家收藏的Bootstrap學(xué)習(xí)教程,完整的知識(shí)體系,系統(tǒng)的學(xué)習(xí)資料,幫助大家開啟Bootstrap Table學(xué)習(xí)之旅,享受學(xué)習(xí)的樂趣
    2016-11-11
  • 微信通過頁面(H5)直接打開本地app的解決方法

    微信通過頁面(H5)直接打開本地app的解決方法

    這篇文章主要為大家詳細(xì)介紹了微信通過頁面(H5)直接打開本地app的解決方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-09-09
  • 前端微信支付js代碼

    前端微信支付js代碼

    這篇文章主要為大家詳細(xì)介紹了前端微信支付js代碼,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-07-07
  • js前端面試之同步與異步問題詳解

    js前端面試之同步與異步問題詳解

    這篇文章主要給大家介紹了關(guān)于js前端面試之同步與異步問題的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家學(xué)習(xí)或者使用js具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-04-04

最新評(píng)論