包括来自 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