<object id="49p1a"></object>

  • <tr id="49p1a"><label id="49p1a"></label></tr>
    <acronym id="49p1a"><strong id="49p1a"><xmp id="49p1a"></xmp></strong></acronym>

    <td id="49p1a"><ruby id="49p1a"></ruby></td>
    推薦閱讀
    相關文章
    網站建設您當前位置: 主頁 > 網絡學院 > 網站建設

    響應式網站建設中的html5知識點:DOM編程

    發布日期:2020-08-13 來源:優橙 瀏覽量:
    摘要: DOM是文檔對象模型的縮寫,其中文名稱為文檔對象模型。 DOM是處理網頁的標準編程接口。JavaScript可以使用DOM來讀取和更改HTML的內容和結構。 前三個組件指的是超文本標記語言、CSS和

    DOM是文檔對象模型的縮寫,其中文名稱為文檔對象模型。



    DOM是處理網頁的標準編程接口。JavaScript可以使用DOM來讀取和更改HTML的內容和結構。



    前三個組件指的是超文本標記語言、CSS和JavaScript,其中DOM是JavaScript最重要的組件。



    1:我們為什么要學習DOM?



    1,DOM允許用戶與網頁元素交互



    例如,當我單擊一個按鈕時,會彈出一個對話框。



    2,DOM可用于網絡游戲



    例如,我們可以在流行的魔獸世界游戲中使用JavaScript來操作DOM。



    3,DOM是ajax的重要基礎



    例如,我們通過ajax獲得一些數據,您需要DOM向用戶顯示這些數據。



    2:這就是我們解釋DOM的方式



    1,首先我們將解釋什么是DOM,它是前面提到的文檔對象模型。



    DOM是處理超文本標記語言的標準編程接口。JavaScript可以使用DOM來讀取和更改HTML的內容和結構。



    2,將解釋什么是DOM樹



    對象之間的
    層次結構。



    3,這解釋了什么是DOM節點



    根據W3C的超文本標記語言標準,超文本標記語言文檔中的所有內容都是一個節點:



    整個文檔是一個文檔節點



    每一個超文本標記語言元素都是一個元素節點



    超文本標記語言元素中的文本是一個文本節點



    每一個超文本標記語言屬性都是一個屬性節點



    注釋是注釋節點




    4,會講解什么是事件驅動



    即做了什么操作,執行什么事件。




    5,會講解什么是2級DOM



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




    6,會講解什么是事件流



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




    7,會講解什么是Event



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



    三:模擬畫筆案例




    在網頁中,通過JavaScript操作DOM來模擬畫筆功能,比如鼠標按下后,在屏幕中拖動,會形成痕跡,那么整個過程,就是在模擬畫筆。


    福州友誠互聯網,一家致力于福州網站建設的網站制作公司,為客戶提供小程序制作,促進福州網絡全網推廣,準確開發客戶等。歡迎訪問http://www.simple-vegetarian-recipes.com


    全國統一客服熱線

    13809509600

    周一至周五 9:00-22:30

    法定節假日 9:00-23:00

    微信公眾號
    国产成人瑟和尚久久久久