您可以<script>使用“onload”处理程序创建元素，该处理程序将在浏览器加载和评估脚本时调用。

var script = document.createElement('script');
script.onload = function() {
  alert("Script loaded and ready");
};
script.src = "http://whatever.com/the/script.js";
document.getElementsByTagName('head')[0].appendChild(script);

你不能同步进行。

编辑- 有人指出，正如形式一样，IE 不会<script>在加载/评估标签时触发“加载”事件。因此，我想接下来要做的是使用 XMLHttpRequest 获取脚本，然后eval()自己获取。（或者，我想，将文本填充到<script>您添加的标签中； 的执行环境eval()受本地范围的影响，因此它不一定会执行您希望它执行的操作。）

编辑-截至 2013 年初，我强烈建议您寻找更强大的脚本加载工具，如Requirejs。有很多特殊情况需要担心。对于非常简单的情况，有yepnope，它现在内置在Modernizr 中。

这并不漂亮，但它有效：

<script type="text/javascript">
  document.write('<script type="text/javascript" src="other.js"></script>');
</script>

<script type="text/javascript">
  functionFromOther();
</script>

或者

<script type="text/javascript">
  document.write('<script type="text/javascript" src="other.js"></script>');
  window.onload = function() {
    functionFromOther();
  };
</script>

脚本必须包含在单独的<script>标记中或之前window.onload()。

这将不起作用：

<script type="text/javascript">
  document.write('<script type="text/javascript" src="other.js"></script>');
  functionFromOther(); // Error
</script>

创建节点也可以这样做，就像 Pointy 所做的那样，但仅限于 FF。您无法保证脚本何时可以在其他浏览器中就绪。

作为一个 XML 纯粹主义者，我真的很讨厌这个。但它确实可以预见。您可以轻松地包装那些丑陋的document.write()s，这样您就不必看它们了。您甚至可以进行测试并创建一个节点并将其附加到document.write().

这已经很晚了，但为了将来供任何想要这样做的人参考，您可以使用以下内容：

function require(file,callback){
    var head=document.getElementsByTagName("head")[0];
    var script=document.createElement('script');
    script.src=file;
    script.type='text/javascript';
    //real browsers
    script.onload=callback;
    //Internet explorer
    script.onreadystatechange = function() {
        if (this.readyState == 'complete') {
            callback();
        }
    }
    head.appendChild(script);
}

前段时间我写了一篇关于它的简短博客文章http://crlog.info/2011/10/06/dynamically-requireinclude-a-javascript-file-into-a-page-and-be-notified-when-its -加载/

上面的答案为我指明了正确的方向。这是我工作的通用版本：

  var script = document.createElement('script');
  script.src = 'http://' + location.hostname + '/module';
  script.addEventListener('load', postLoadFunction);
  document.head.appendChild(script);

  function postLoadFunction() {
     // add module dependent code here
  }      

异步编程稍微复杂一些，因为发出请求的结果被封装在一个函数中，而不是跟随请求语句。但是用户体验的实时行为可能会明显更好，因为他们不会看到缓慢的服务器或缓慢的网络导致浏览器表现得好像它已经崩溃。同步编程是不尊重的 ，不应在人们使用的应用程序中使用。

道格拉斯·克罗克福德 （YUI 博客）

好吧，扣好你的座位，因为这将是一段颠簸的旅程。越来越多的人询问通过javascript动态加载脚本，这似乎是一个热门话题。

它变得如此受欢迎的主要原因是：

• 客户端module化
• 更容易的依赖管理
• 错误处理
• 性能优势

关于module化：很明显，管理客户端依赖项应该在客户端正确处理。如果需要某个对象、module或库，我们只需请求它并动态加载它。

错误处理：如果资源失败，我们仍然有机会仅阻止依赖于受影响脚本的部分，或者甚至可能会延迟一段时间再试一次。

性能已经成为网站之间的竞争优势，它现在是一个搜索排名因素。动态脚本可以做的是模仿异步行为，而不是浏览器处理脚本的默认阻塞方式。脚本阻止其他资源，脚本阻止进一步解析 HTML 文档，脚本阻止UI。现在使用动态脚本标签及其跨浏览器替代方案，您可以执行真正的异步请求，并仅在它们可用时执行相关代码。即使使用其他资源，您的脚本也将并行加载，并且渲染将完美无缺。

有些人之所以坚持同步脚本，是因为他们已经习惯了。他们认为这是默认的方式，这是更简单的方式，有些人甚至认为这是唯一的方式。

但是，当需要就应用程序的设计做出决定时，我们唯一应该关心的是最终用户体验。在这个领域异步是不可战胜的。用户立即得到响应（或说Promise），Promise总比没有好。一个空白的屏幕会吓到人们。开发人员不应该懒于提高感知性能。

最后是关于肮脏的一面。为了让它在浏览器中工作，你应该做什么：

1. 学会异步思考
2. 将您的代码组织成module化
3. 组织您的代码以很好地处理错误和边缘情况
4. 逐步提高
5. 始终注意适当数量的反馈