Iframe Async Defer использует Onbody

Question

Я хочу, чтобы страница сначала загружалась, а затем iframe.Проблема в том, что на какой-то странице есть два разных источника iframe (внешние).Я понимаю, что body unload - это способ достичь этого.

Какую часть кода мне нужно изменить для более чем одного iframe?

У меня есть следующий код:

  //doesn't block the load event
function createIframe() {
    var i = document.createElement("iframe");
    i.src = "https://thetaphunter.appspot.com/widgets/locationWidget?orderby=style&style=on&breweryname=on&format=images&brewerylocation=on&servingtype=both&updatedate=on&location=The-Hangout-Restaurant-and-Beach-Bar";
    i.scrolling = "auto";
    i.frameborder = "0";
    i.width = "90%";
    i.height = "220px";
    document.getElementById("map").appendChild(i);
};

// Check for browser support of event handling capability
if (window.addEventListener) window.addEventListener("load", createIframe, false);
else if (window.attachEvent) window.attachEvent("onload", createIframe);
else window.onload = createIframe;

ПросмотрFiddle