动态加载JavaScript文件

Question

动态加载JavaScript文件如何可靠和动态地加载JavaScript文件？这将用于实现一个模块或组件，在“初始化”时，该组件将根据需要动态加载所有需要的JavaScript库脚本。使用该组件的客户端不需要加载所有库脚本文件(并手动插入)<script>标签到他们的网页)实现这个组件-只是‘主’组件脚本文件。主流JavaScript库是如何实现这一点的(原型、jQuery等)？这些工具是否将多个JavaScript文件合并到一个脚本文件的一个可再发行的“Build”版本中？或者他们是否对辅助的“库”脚本进行任何动态加载？对这一问题的补充：在加载动态包含的JavaScript文件之后，是否有一种处理该事件的方法？原型机document.observe文件范围内的活动。例子：document.observe("dom:loaded", function() {   // initially hide all containers for tab content   $$('div.tabcontent').invoke('hide');});脚本元素的可用事件是什么？

Answer 1

我用了最近的版本要简单得多带着jQuery:

<script src="scripts/jquery.js"></script><script>
  var js = ["scripts/jquery.dimensions.js", "scripts/shadedborder.js", "scripts/jqmodal.js", "scripts/main.js"];
  var $head = $("head");
  for (var i = 0; i < js.length; i++) {
    $head.append("<script src=\"" + js[i] + "\"></scr" + "ipt>");
  }</script>

它在我测试过的每一个浏览器上都工作得很好：IE6/7、Firefox、Safari、Opera。

最新情况：jQuery-无版本：

<script>
  var js = ["scripts/jquery.dimensions.js", "scripts/shadedborder.js", "scripts/jqmodal.js", "scripts/main.js"];
  for (var i = 0, l = js.length; i < l; i++) {
    document.getElementsByTagName("head")[0].innerHTML += ("<script src=\"" + js[i] + "\"></scr" + "ipt>");
  }</script>