Jquery 将Iframe和image注入html并等待onload事件

在某个ajax成功事件中，我从服务器获得了一些字符串： 我想先注入下面的标签，然后等待它们都被加载。 在它们都加载后，我想提醒一些事情

...
,
success : function(data){
    var iframe = "<iframe src='http://blablabla.com'></iframe>";// came as data.iframe
    var image = "<img src='http://blablabla.com' />";//came as data.image
    // how do i inject it to html syncly 
    alert("both iframe an image loaded completely");
}

我可以使用Jquery或native

谢谢

你可以这样做

HTML:

JS:

我更新了网址，并举例说明

您可以看到正在运行的演示

<button id='load'>Load image and iframe</button><br />

$(function(){
    $('#load').on('click', function(){
        var obj=$('<iframe/>', {
            id:'iframe_google',
            src:'http://blablabla.com',
            style:'display:none;width:400px;height:400px',
            load:function(){
                $(this).show();
                var imgPaht = "http://blablabla.com";
                $('<img src="'+ imgPaht +'">').load(function() {
                  $(this).width(1000).height(1000).appendTo('body');
                    alert("Iframe and image loaded");
                })

            }
        });
        $('body').append(obj);    
    });
});