javascript - 如何确保 "document.body.appendChild(flash_object)"在下一行之前加载？

Question

有什么方法可以确保在调用 foo() 之前加载 Flash 进程吗？

window.onload = function (){
    document.body.appendChild(CreateFlashObject("flash_obj"));
    foo();
}
function CreateFlashObject(objectName){
    var obj = document.createElement("object");
    obj.setAttribute("id", objectName);
    obj.setAttribute("type", "application/x-shockwave-flash");
}
function foo(){
    //doing something with the flash_obj
}

Answer 1

您可以将新创建​​的 html 元素传递给 foo 函数。您甚至不需要加载它即可对其进行更改。

window.onload = function (){
    var obj = CreateObject("foo_obj1");
    var obj2 = CreateObject("foo_obj2");
    document.body.appendChild(obj);
    boo();
    foo(obj2);
    document.body.appendChild(obj2);
    console.log(obj,obj2);
}
function CreateObject(objectName){
    var obj = document.createElement("object");
    obj.setAttribute("id", objectName);
    return obj;
}
function foo(obj){
    obj.width = 400;
    obj.height = 400;
}
function boo() {
    var obj = document.getElementById("foo_obj1");
    obj.width = 200;
    obj.height = 200;
}