文档准备好之前的 Javascript onload 事件和其他事件

Question

if (typeof $ == "undefined"){

console.log("$ is undefined. Adding javascript element to the document");
jQs = document.createElement("script");
jQs.type = 'text/javascript';
jQs.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';
var s = document.getElementsByTagName('script')[0]; 
s.parentNode.insertBefore(jQs, s);

// Run script once jQuery is loaded
    console.log(" startScript() Start");
    jQs.onload = startScript;

}

我已经得到了上面的脚本，它添加了一个脚本标记，在 $ 未定义的情况下指向 jquery。我尝试在文档开始之前插入标签并执行 startScript 函数。但我认为发生的情况是 body.onload 没有足够快地触发 startScript.. 这会阻止其执行。一旦 jquery 脚本标签/文档准备好，是否有一个事件会触发 startScript？

我认为答案在于每当jquery标签准备好并且文档一起准备好时执行startscript..但我不知道如何实现效果..

请注意，将代码放在 $(document).ready() 中是一个无关紧要的解决方案，因为如果脚本中没有包含 jquery 文件，$ 将是未定义的

另请注意，我不想在 jquery 标签 onload 事件上执行 onload 函数，因为这可能意味着该函数被触发多次

Answer 1

  function init() {
    if (typeof $ == "undefined"){

    console.log("$ is undefined. Adding javascript element to the document");
    jQs = document.createElement("script");
    jQs.type = 'text/javascript';
    jQs.src = 'http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js';
    var s = document.getElementsByTagName('script')[0]; 
    s.parentNode.insertBefore(jQs, s);

    // Run script once jQuery is loaded
        console.log(" startScript() Start");
        jQs.onload = startScript;

    }
}
window.onload = init;