這次要跟大家介紹什麼是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,會講解什麼是事件流
會講解什麼叫做事件冒泡,什麼叫做事件捕獲,根據事件流的特點能實現什麼功能,及如何阻止
事件的傳播Event 物件的屬性提供了有關事件的細節。
相信看了這些案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!
相關閱讀:
HTML5標籤巢狀規則的詳細介紹HTML裡關於表格table巢狀的注意事項html5製作轉盤的詳解及實例以上是html5中的DOM程式設計的實作步驟的詳細內容。更多資訊請關注PHP中文網其他相關文章!