如何在将图像添加到HTML元素后加载和渲染图像时调用方法?

我需要在浏览器中加载并完全呈现图像(将其附加到dom)后调用方法。

在以下示例中,window.onload仅触发一次,现在按下按钮后。

任何想法如何解决这个/

     window.test = function (){ var body = document.getElementsByTagName('body')[0]; body.innerHTML += '' }; window.onload = function() { alert("load an rendered main"); // call my method }; $('img').load(function(){ alert('loaded and redered'); });          

添加onload函数img它将每次都有效

             

以下代码解决了我的问题。

基本上我必须在动态html呈现后添加事件处理程序。

http://jsbin.com/tazejuhefixa/1/