html5中的DOM程式設計的實作步驟

php中世界最好的语言
發布: 2017-12-04 09:48:33
原創
2306 人瀏覽過

這次要跟大家介紹什麼是DOM編程,我們知道,DOM是DocumentObjectModel的縮寫,中文名稱是文檔物件模型。同時DOM也是處理HTML頁面的標準程式介面,那我們為什麼要學習DOM呢?

1,DOM可以讓使用者對網頁元素進行互動操作

例如,當我點擊了一個按鈕,彈出一個對話框等操作。

2,DOM可以用來做網頁遊戲

例如,現在比較流行的魔獸世界這種遊戲,我們完全可以拿JavaScript操作DOM來實現。

3,DOM是ajax的重要基礎

例如,我們透過ajax取得了一些數據,你要顯示給用戶,這就需要用到DOM了。

二:我們是這麼講解DOM的

1,首先我們會講解什麼是DOM,就是之前說的文檔對像模型

DOM是處理HTML的標準編程接口,DOM可被JavaScript用來讀取、改變HTML的內容和結構。

2,會講解什麼是DOM樹

物件與物件間的層次結構。


3,會講解什麼是DOM節點

根據W3C 的HTML DOM 標準,HTML 文件中的所有內容都是節點:

整個文件是一個文件節點

每個HTML 元素是元素節點

HTML 元素內的文字是文字節點

每個HTML屬性是屬性節點

註解是註解節點

4,會講解什麼是事件##驅動##就做了什麼操作,執行什麼事件。

5,會講解什麼是2級DOM

1級DOM、2級DOM、3級DOM分別指什麼?怎樣實現。

6,會講解什麼是事件流

會講解什麼叫做事件冒泡,什麼叫做事件捕獲,根據事件流的特點能實現什麼功能,及如何阻止

事件的傳播

7,會講解什麼是Event

Event 物件的屬性提供了有關事件的細節。


相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

相關閱讀:

HTML5標籤巢狀規則的詳細介紹


HTML裡關於表格table巢狀的注意事項


html5製作轉盤的詳解及實例

以上是html5中的DOM程式設計的實作步驟的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板