我們知道,window有onload事件,只觸發(fā)一次,就是全部dom加載完成后觸發(fā).
現(xiàn)在有這么一個(gè)需求
1.dom是js動(dòng)態(tài)生成的;
2.dom生成后觸發(fā)自定義的邏輯;
因?yàn)閐om是js生成的,所以自定義的邏輯就不能寫在onload事件中.那么只要寫在dom的onload事件是不是就可以了?
很遺憾,普通的dom并沒有onload事件,那要怎么辦?
笨一點(diǎn)的方法就是寫在定時(shí)器里,過個(gè)一秒兩秒觸發(fā),但是這樣寫太傻了.
查閱了下資料,發(fā)現(xiàn)可以觸發(fā)onload的有
<body>, <frame>, <iframe>, <img>, <input type="image">, <link>, <script>, <style>
我們可以用個(gè)取巧的辦法,在js生成的dom里內(nèi)嵌一個(gè)img,通過img的onload觸發(fā)自定義的邏輯.
function render(){
var html = "<div>";
html += '<img src onerror="initSelect()">';
html += '</div>';
$('body').apend(html);
}
當(dāng)執(zhí)行render()方法的時(shí)候,body追加了1個(gè)div,并且觸發(fā)了img的onload事件.
Brilliant!!
