Javascript 如何确认使用jquery插入DOM的图像已完全加载

我正在寻求这方面的帮助：

我在一个变量中插入了一段代码，我使用jquery将其放入一个div，在我将conde放入该div后，我将页面重定向到另一个URL，现在我的问题是： 代码内容是图像，当我确定图像已完整加载到该div中时，我需要重定向页面，因为这是一个我无法使用的跨域。load（jquery），有没有建议如何确认图像已完整加载，以便在确认后重定向

<div id="trackBeaconContainer"></div>

var trackBeacon = "<div id='beacon_08d6ab8d99' style='position: absolute; left: 0px; top: 0px; visibility: hidden;'><img src='http://domain.com/openx/www/delivery/lg.php?bannerid=4&amp;campaignid=3&amp;zoneid=2&amp;loc=1&amp;cb=08d6ab8d99' width='0' height='0' alt='' style='width: 0px; height: 0px;' /></div>"

$j("#trackBeaconContainer").html(trackBeacon);

window.location = "http://otherurl.com"

var trackBeacon=“”
$j（“#trackbeacontainer”）.html（trackbeacontainer）；
window.location=”http://otherurl.com"

使用图像加载事件

$j("#trackBeaconContainer")
    .html(trackBeacon)
    .find("img")
        .load( function() {
            window.location.href = "http://example.com";
         });

<img src='http://domain.com/openx/www/delivery/lg.php?bannerid=4&amp;campaignid=3&amp;zoneid=2&amp;loc=1&amp;cb=08d6ab8d99' width='0' height='0' alt='' style='width: 0px; height: 0px;' onload='window.location="http://otherurl.com"' />

---

您可以使用img标记onload事件

$j("#trackBeaconContainer")
    .html(trackBeacon)
    .find("img")
        .load( function() {
            window.location.href = "http://example.com";
         });

<img src='http://domain.com/openx/www/delivery/lg.php?bannerid=4&amp;campaignid=3&amp;zoneid=2&amp;loc=1&amp;cb=08d6ab8d99' width='0' height='0' alt='' style='width: 0px; height: 0px;' onload='window.location="http://otherurl.com"' />

但是请注意，除非在设置src之前绑定事件，否则加载事件可能不会在缓存的图像上持续触发。@epascarello如果在我运行该代码时图像尚未完全加载，该怎么办？它将等待图像在“#trackBeaconContainer”上完全加载？