国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

JavaScript的組成 | DOM/BOM

worldligang / 2432人閱讀

摘要：中主要關(guān)注的就是，對(duì)象的主要功能就是處理網(wǎng)頁(yè)內(nèi)容。中文翻譯模型，如果你把這個(gè)詞從中抽離出來(lái)，看下面的圖片是不是就很好理解。年月制定的標(biāo)準(zhǔn)，由兩大部分組成核心和。擴(kuò)展鼠標(biāo)和用戶界面事件范圍遍歷，增加了對(duì)支持。

往期回顧

在上一期的《JavaScript的組成 | 核心-ECMAScript

》?里，我們有說(shuō)到JavaScript 是由三大部分組成，分別是：核心ECMAScript、文檔對(duì)象模型-DOM、瀏覽器對(duì)象模型-BOM

那么本期就讓我們繼續(xù)往下說(shuō)說(shuō)DOM、BOM這兩大部分吧：

文檔對(duì)象模型（DOM）

面試官很喜歡問(wèn)的：“你知道什么是文檔對(duì)象模型嗎？”，那今天我們一個(gè)個(gè)來(lái)解釋一下吧：

DOM：Document Object Model（文檔對(duì)象模型）

Document

中文翻譯：文檔，這里的文檔指的是XML和HTML的頁(yè)面，當(dāng)你創(chuàng)建一個(gè)頁(yè)面并且加載到Web瀏覽器中，DOM就在幕后悄然而生，它會(huì)把你編寫(xiě)的網(wǎng)頁(yè)文檔轉(zhuǎn)換成一個(gè)文檔對(duì)象。

Object

中文翻譯：對(duì)象，學(xué)習(xí)js的同學(xué)一定對(duì)“一切皆對(duì)象”這句話不會(huì)陌生；

在JavaScript語(yǔ)言的類型大致可以分為以下三種：

用戶定義對(duì)象
自行創(chuàng)建的對(duì)象，例如：

var obj = {}

內(nèi)置對(duì)象
內(nèi)置在JavaScript中的對(duì)象，無(wú)需我們創(chuàng)建，可以直接使用，例如：Array、Math和Data等

宿主對(duì)象
上期我們知道了什么是宿主環(huán)境以后，應(yīng)該對(duì)宿主對(duì)象是什么有了一定的了解，在這里我們指的是瀏覽器提供的對(duì)象，例如:window、document。

DOM中主要關(guān)注的就是document，document對(duì)象的主要功能就是處理網(wǎng)頁(yè)內(nèi)容。

Model

中文翻譯：模型，如果你把這個(gè)詞從DOM中抽離出來(lái)，看下面的圖片~是不是就很好理解。

打個(gè)比方，如圖：是一套小區(qū)建筑模型，基本上任何售樓處都會(huì)有它的身影，買(mǎi)房的人只需要根據(jù)這套模型就可以了解建設(shè)完成后的小區(qū)長(zhǎng)什么樣子，有哪些公共設(shè)施，植被面積又有多少………

而DOM也像一個(gè)這樣的模型，但它代表著加載到瀏覽器窗口的當(dāng)前網(wǎng)頁(yè)，我們可以利用JavaScript對(duì)它進(jìn)行讀取。

有了模型之后，我們同樣需要能看懂模型（可以理解為我需要知道這個(gè)模型是干什么用的）；

如果沒(méi)有看懂模型，那就像跟一個(gè)盲人說(shuō)，太陽(yáng)是會(huì)發(fā)光發(fā)熱的，對(duì)于盲人來(lái)說(shuō)，他是沒(méi)有這個(gè)概念的，因?yàn)樗床坏教?yáng)；

所以，雖然我們可以通過(guò)JavaScript對(duì)DOM進(jìn)行讀取，但是我們要必須先能看懂模型。

DOM把一份文檔表示為一顆樹(shù)，有一個(gè)主干支以及無(wú)數(shù)的分干支，其實(shí)我個(gè)人覺(jué)得，更像是族譜。因?yàn)樵诿枋鰳?biāo)簽之間關(guān)系的時(shí)候，我們經(jīng)常用“父級(jí)”、“子級(jí)”、“兄弟”這樣的詞來(lái)表明并列標(biāo)簽和嵌套標(biāo)簽。

例如以下圖片：

具體代碼如下：

 






Document







Hello World!



歡迎觀看本次文章，包含以下內(nèi)容：



    

    
  • ECMAScript
    • 

    
  • DOM
    • 

    
  • BOM
    •

我們把上面的結(jié)構(gòu)抽象成DOM樹(shù)：

從上面的圖，我們可以清晰的看到根元素是html，下面有兩個(gè)子元素，一個(gè)是head，另一個(gè)是body，而head和body之間是兄弟關(guān)系，以此類推，用這樣的方式我們可以把頁(yè)面中的所有元素都用模型抽象成一棵樹(shù)。

所以，DOM簡(jiǎn)單來(lái)說(shuō)就是：一套對(duì)文檔的內(nèi)容進(jìn)行抽象和概念化的方法，提供訪問(wèn)和操作網(wǎng)頁(yè)內(nèi)容的方法和接口。

DOM的級(jí)別

不要以為只有ECMAScript有版本哦，DOM也是有不一樣級(jí)別的。

W3C官方網(wǎng)址：

https://www.w3.org/standards/...

DOM分為以下：

DOM0：沒(méi)有納入標(biāo)準(zhǔn)，屬于初級(jí)試驗(yàn)性質(zhì)的，主要用途翻轉(zhuǎn)圖片、驗(yàn)證表單數(shù)據(jù)。

DOM1：1998年10月制定的標(biāo)準(zhǔn)，由兩大部分組成：DOM核心和DOM HTML。

DOM2：擴(kuò)展鼠標(biāo)和用戶界面事件、范圍、遍歷，增加了對(duì) CSS支持。

DOM3：進(jìn)一步擴(kuò)展了DOM，新增了驗(yàn)證文檔的方法，支持XML 1.0 規(guī)范。

Web 瀏覽器對(duì) DOM 的支持

既然有級(jí)別，那么無(wú)可避免就要面對(duì)兼容問(wèn)題，我們來(lái)看一下各個(gè)版本瀏覽器支持情況：

圖片來(lái)自《JavaScript高級(jí)程序設(shè)計(jì)》

其實(shí)DOM 并不只是針對(duì) JavaScript 的，很多別的語(yǔ)言也都實(shí)現(xiàn)了 DOM哦

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

BOM：Browser Object Model （瀏覽器對(duì)象模型）

提供與瀏覽器交互的方法和接口。

理解了DOM以后再來(lái)看BOM，就不需要這么細(xì)致的講解啦。開(kāi)發(fā)人員使用 BOM 可以控制瀏覽器顯示的頁(yè)面以外的部分，例如：獲取當(dāng)前瀏覽器版本這樣的操作。

從根本上講，BOM 只處理瀏覽器窗口和框架；但人們習(xí)慣上也把所有針對(duì)瀏覽器的 JavaScript 擴(kuò)展算作 BOM 的一部分。下面就是一些這樣的擴(kuò)展：

彈出新瀏覽器窗口的功能

移動(dòng)、縮放和關(guān)閉瀏覽器窗口的功能

提供瀏覽器詳細(xì)信息的 navigator 對(duì)象

提供瀏覽器所加載頁(yè)面的詳細(xì)信息的 location 對(duì)象

提供用戶顯示器分辨率詳細(xì)信息的 screen 對(duì)象

對(duì) cookies 的支持

像 XMLHttpRequest 和 IE 的 ActiveXObject 這樣的自定義對(duì)象

BOM是沒(méi)有標(biāo)準(zhǔn)的，因此每個(gè)瀏覽器都有自己的實(shí)現(xiàn)。

但是又因?yàn)楦鞔鬄g覽器之間都有共同對(duì)象，于是這些對(duì)象就成了事實(shí)上的標(biāo)準(zhǔn)。

W3C把瀏覽器中 JavaScript 最基本的部分標(biāo)準(zhǔn)化，已經(jīng)將 BOM 的主要方面納入了 HTML5 的規(guī)范中。

本期就到這里為止啦~大家先把概念了解清楚，學(xué)習(xí)起來(lái)會(huì)事半功倍哦~具體的DOM、BOM有哪些操作及方法，我們后面再說(shuō)哦~

下一期預(yù)告：使用JavaScript

如果你也在看紅寶書(shū)，不妨在下方留言，一起交流討論下學(xué)習(xí)心得哦

訂閱號(hào)ID：Miaovclass

關(guān)注妙味訂閱號(hào)：“妙味前端”，為您帶來(lái)優(yōu)質(zhì)前端技術(shù)干貨；

文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/108689.html

相關(guān)文章

  • Javascript簡(jiǎn)介

    摘要：以下內(nèi)容都是一些概念性的知識(shí)點(diǎn)弄懂這些基本的概念是我們?cè)谑澜缈吹酶h(yuǎn)的墊腳石誕生于年年公司開(kāi)發(fā)發(fā)布時(shí)臨時(shí)將名字改為當(dāng)時(shí)它的主要目的是處理以前由服務(wù)端語(yǔ)言負(fù)責(zé)的輸入驗(yàn)證操作隨著其發(fā)展現(xiàn)在已不再局限于數(shù)據(jù)驗(yàn)證而是具備了與瀏覽器窗口及其內(nèi)容等幾乎 以下內(nèi)容都是一些概念性的知識(shí)點(diǎn),弄懂這些基本的概念是我們?cè)贘avaScript世界看得更遠(yuǎn)的墊腳石. Javascript Javascript誕...

    Near_Li 評(píng)論0 收藏0

  • 《JavaScript 闖關(guān)記》之簡(jiǎn)介

    摘要：瀏覽器只是實(shí)現(xiàn)的宿主環(huán)境之一，其他宿主環(huán)境包括和。年月，版發(fā)布，成為國(guó)際標(biāo)準(zhǔn)。事件定義了事件和事件處理的接口。對(duì)于已經(jīng)正式納入標(biāo)準(zhǔn)的來(lái)說(shuō)，盡管各瀏覽器都實(shí)現(xiàn)了某些眾所周知的共同特性，但其他特性還是會(huì)因?yàn)g覽器而異。 JavaScript 是面向 Web 的編程語(yǔ)言，絕大多數(shù)現(xiàn)代網(wǎng)站都使用了 JavaScript，并且所有的現(xiàn)代 Web 瀏覽器（電腦，手機(jī)，平板）均包含了 JavaScri...

    baihe 評(píng)論0 收藏0

  • 【JavaScript】簡(jiǎn)介

    摘要：誕生于年，它的主要目的是處理以前由服務(wù)器端語(yǔ)言負(fù)責(zé)的一些輸入驗(yàn)證操作。的不同版本又稱為版次，以第版表示。目前最新的是簡(jiǎn)稱文檔對(duì)象模型文檔對(duì)象模型，是針對(duì)但經(jīng)過(guò)拓展用于的應(yīng)用程序接口，。元素當(dāng)瀏覽器不支持或被禁用時(shí)，顯示里面的內(nèi)容。 JavaScript誕生于1995年，它的主要目的是處理以前由服務(wù)器端語(yǔ)言負(fù)責(zé)的一些輸入驗(yàn)證操作。 完整的JavaScript實(shí)現(xiàn)由下列三個(gè)不同的部分組成：...

    oogh 評(píng)論0 收藏0

  • 前端Javascript與Nodejs的異同

    摘要：下面我們說(shuō)一下前端的和。現(xiàn)在就可以知道了，前端的其實(shí)是由組合而成。這么一對(duì)比，相信很多小伙伴對(duì)更加了解了，原來(lái)前端和服務(wù)端的如此相似，他們的基礎(chǔ)是相同的，只是環(huán)境不同，導(dǎo)致他們擴(kuò)展出來(lái)的東西不同而已。 前言 很多小伙伴學(xué)Node的時(shí)候，都沒(méi)有好好認(rèn)識(shí)她就開(kāi)始瘋狂追求，想一舉拿下，直接在網(wǎng)上搜索Node實(shí)戰(zhàn)，想知道她活好不好，想先用她建個(gè)簡(jiǎn)單博客練練手。 JavaScript和Nodej...

    AlphaWallet 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<