DOM初探(9) DOM結構樹

2021-09-10 18:52:16 字數 1425 閱讀 8163

document一回車,他就代表整個文件;document一回車,他代表的是乙個函式,什麼函式需要首字母大寫?建構函式吧,只不過這個document有點特殊,你不能new他,這時系統留給自己new的。那這個建構函式對咱們有什麼幫助呢?

建構函式上面會有乙個原型,能夠給生產數來的建構函式使用,如果document作為document的原型的話,說明在document的prototype上,加上乙個屬性abc,並且屬性值也是abc的話,那麼document訪問到abc吧!

這個dom結構樹代表的就是一些列的繼承關係。

document不是document的直接的建構函式,跟那沒關係。其實document的建構函式是htmldocument,那這個document跟這個document有什麼關係呢?

htmldocument.prototype就是document的原型,htmldocument.prototype等於乙個物件,這個物件上面有很多屬性和方法,這些屬性和方法讓document直接受益了,然後這個物件上面還有乙個屬性__proto__,這個__proto__會指向他的原型,他的原型就是document.prototype。

所以現在能看出來點什麼關係嗎?

document.prototype是htmldocument.prototype的原型吧,他們之間有逐步繼承的關係,這是乙個原型鏈,首先,document繼承自htmldocument.prototype,然後htmldocument.prototype繼承自document.prototype,所以剛才直接在document.prototype寫的東西也能受益到document。

document   -----à     htmldocument.prototype    ------à   document.prototype

現在htmldocument.prototype.bcd = "123";那document.bcd也是123吧!

如果說現在document.prototype.abc = "1",htmldocument.prototype.abc = "2",那,document.abc的值是什麼?

2吧,就近的來。

DOM程式設計初探

這篇部落格將會介紹以下內容 想象一下你的 非常龐大 事實就是這樣 完全載入完需要很長的時間,如果等待載入完使用者才能看到網頁。顯然,使用者體驗和載入時間成反比,載入時間和網頁大小成正比,和網速大小成反比。我們的網頁越大,網速越慢,使用者體驗就會越差,直接的後果就是使用者丟失。當然,資料量小,網速快的...

HTML結構與DOM樹

html結構與dom樹 html基本結構 hello world html 用來網頁的一種語言,指超文字標記語言 必須在文件的第一行,用來指示web瀏覽器當前使用的html版本,沒有結束標籤,對大小寫不敏感 定義文件對頭部,是所有頭部元素的容器,可以引用指令碼 指示瀏覽器在 找到樣式表 提供元資訊等...

Dom樹結構和dom操作

element 文件中的元素 attr parentnode.insertbefore a,b 在parentnode元素中的 b元素之前插入a元素 且b必須已經在dom結構中 插入a在b之前 返回得結構為靜態快照並不會隨之改變,其座標相對於視口 offsetwidth offsetheight 常...