1. 程式人生 > >【Dojo 1.10】筆記3 等待DOM加載完成

【Dojo 1.10】筆記3 等待DOM加載完成

什麽 cti function 同學 div 列表 等待 scrip css

有的web頁面總是得等DOM加載完成才能繼續執行功能,例如,待頁面DOM加載完成後,才能在DIV上進行渲染圖形。

Dojo提供了這個功能的模塊,叫domReady,但是由於它很特殊,就在結尾加了個嘆號!。

1. 頁面組織

這個例子很簡單,就直接在script裏寫js代碼了

html部分:

<h1 id="greeting">Hello</h1>

js部分(記得添加引用):

    <script src="https://cdn.bootcss.com/dojo/1.10.4/dojo.js" data-dojo-config="async: true"></script>

    <script>
        require([
                
‘dojo/dom‘, ‘dojo/domReady!‘ ], function (dom) { var greeting = dom.byId(‘greeting‘); greeting.innerHTML += ‘ from Dojo!‘; }); </script>

2. 解釋

待網頁加載好後,文字從Hello變成Hello from Dojo!。

domReady這個模塊很特殊,至於為什麽要在模塊後加個!,我也不知道,有興趣的同學可以查查API,也可以到論壇上找找資料。

經了解,domReady模塊在dojo中被稱作“插件”,只有在末尾加英文的嘆號會被激活。

經了解,domReady模塊貌似沒有return任何值,所以會放在require方法第一個列表裏的末尾,並且在回調函數的參數列表中不寫(是規定)。

以後有例子繼續深入和補充。

【Dojo 1.10】筆記3 等待DOM加載完成