包括来自HTML正文的javascript库

Question

我想在我的HTML正文中包含一个javascript库到我的HTML页面。我在我的身体部分包括以下脚本：

<script type = "text/javascript" >
var scriptHeader = document.createElement('script');
scriptHeader.setAttribute("type","text/javascript")
scriptHeader.setAttribute("src", 'http://dygraphs.com/dygraph-combined.js' );
if (typeof scriptHeader!="undefined") {
    document.getElementsByTagName("head")[0].appendChild(scriptHeader);
    // alert( "Success!!" );
}
else {

}
</script>

现在，我将我的JS称为

<script type = "text/javascript">
var plot = new Dygraph( 
               // ... create new graph
</script>

没有'警报'，这不起作用。它正在抛出

ReferenceError: Dygraph is not defined

我认为这是同步问题。我该如何解决这个问题？

Answer 1

如何使用$.getScript？

$.getScript("someScript.js", function () {
    // use it here
});

修改：

没有jQuery：

var el = document.createElement('script');
el.async = true;
el.src = 'http://jsfiddle.net/js/moo-clientcide-1.3.js?jobofferinsidebar';
el.onload = function(){
    alert('loaded');
    // use here
};

el.onerror = function(){
    alert('fail');
};

document.head.appendChild( el );

这是fiddle