【Dojo 1.10】筆記3 等待DOM加載完成
阿新 • • 發佈:2018-03-09
什麽 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加載完成