动态加载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&nbsp;src="scripts/jquery.js"></script><script> &nbsp;&nbsp;var&nbsp;js&nbsp;=&nbsp;["scripts/jquery.dimensions.js",&nbsp;"scripts/shadedborder.js",&nbsp;"scripts/jqmodal.js",&nbsp;"scripts/main.js"]; &nbsp;&nbsp;var&nbsp;$head&nbsp;=&nbsp;$("head"); &nbsp;&nbsp;for&nbsp;(var&nbsp;i&nbsp;=&nbsp;0;&nbsp;i&nbsp;<&nbsp;js.length;&nbsp;i++)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;$head.append("<script&nbsp;src=\""&nbsp;+&nbsp;js[i]&nbsp;+&nbsp;"\"></scr"&nbsp;+&nbsp;"ipt>"); &nbsp;&nbsp;}</script>它在我测试过的每一个浏览器上都工作得很好：IE6/7、Firefox、Safari、Opera。最新情况：jQuery-无版本：<script> &nbsp;&nbsp;var&nbsp;js&nbsp;=&nbsp;["scripts/jquery.dimensions.js",&nbsp;"scripts/shadedborder.js",&nbsp;"scripts/jqmodal.js",&nbsp;"scripts/main.js"]; &nbsp;&nbsp;for&nbsp;(var&nbsp;i&nbsp;=&nbsp;0,&nbsp;l&nbsp;=&nbsp;js.length;&nbsp;i&nbsp;<&nbsp;l;&nbsp;i++)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;document.getElementsByTagName("head")[0].innerHTML&nbsp;+=&nbsp;("<script&nbsp;src=\""&nbsp;+&nbsp;js[i]&nbsp;+&nbsp;"\"></scr"&nbsp;+&nbsp;"ipt>"); &nbsp;&nbsp;}</script>