Javascript jQuery：尝试动态加载jQuery。在脚本运行之后才实例化

上面是一个书签，因此在开头是javascript:

但是，在控制台中，它表示$未定义。但是当我在控制台webkit中键入$或jQuery时，当然会得到函数a，b{返回新的e.fn.inita，b，h}，这是正确的

所以，我认为从加载jQuery开始初始化jQuery的时间有问题

---

*注意：这是给愤怒的小鸟的

通常，加载文件的所有内容都可以附加一个事件处理程序onload

javascript:var width=1900;
var height=800;

var jQueryScriptOutputted = false;
function initJQuery() {
    if (typeof(jQuery) == 'undefined') {
        if (! jQueryScriptOutputted) {
            jQueryScriptOutputted = true;
        var oHead = document.getElementsByTagName('HEAD').item(0);
    var oScript= document.createElement("script");
    oScript.type = "text/javascript";
    oScript.src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
    oHead.appendChild( oScript);
        }
        setTimeout("initJQuery()", 50);
    } else {
        $(function() { 
        });
    }

}
initJQuery();



var container=$("#foreplay-root");
var canvas=$("#foreplay-root canvas");
canvas.width(width);
canvas.height(height);
container.width(width);
container.height(height);

---

检测动态脚本加载何时完成是一个相当棘手的问题。浏览器通常不会同步执行该操作。

var jQueryLoaded = false;
function initJQuery() {
    if (typeof(jQuery) == 'undefined') {
        if (! jQueryScriptOutputted) {
            jQueryScriptOutputted = true;
        var oHead = document.getElementsByTagName('HEAD').item(0);
    var oScript= document.createElement("script");
    oScript.type = "text/javascript";
    oScript.src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js";
    oScript.onload = function() {
       jQueryLoaded = true;
    }
    oHead.appendChild(oScript);
        }
        setTimeout("initJQuery()", 50);
    } else {
        while(!jQueryLoaded) {}
        $(function() { 
        });
    }

}