动态加载脚本

Question

我正在我的代码中动态加载一些YUI脚本以响应Ajax请求.在发出请求时,DOM和页面被完全加载 - 这是对用户事件的响应.

作为孩子,我将标签添加到头部.但我偶然发现了一些问题:

我在Yahoo!上添加了两个YUI脚本.CDN和我自己的内联脚本负责创建对象,添加事件侦听器和呈现YUI小部件.但是,当我的脚本运行YUI脚本时,我没有加载但是给我错误而没有按照我的预期运行.

当YUI脚本完全加载时,有一种方法只运行我的脚本(或定义一个要运行的函数)？

Answer 1

你有没有尝试过onload事件？

编辑:(感谢杰米)

var script = document.createElement("script");
script.type = "text/javascript";
script.src = src;
//IE:
if(window.attachEvent && document.all) {
    script.onreadystatechange = function () {
        if(this.readyState === "complete") {
            callback_function(); //execute
        }
    };
}
//other browsers:
else {
    script.onload = callback_function; //execute
}
document.getElementsByTagName("head")[0].appendChild(script);

Answer 2

您可以使用 asetTimeout()来运行一些仅检查它是否已加载的函数 - 检查类似

if (typeof YUI_NAMESPACED_THING !== "undefined") runCode()

编辑谢谢，CMS