javascript - 在窗口加载时动态加载 Javascript 函数

Question

是否可以通过设置数组和加载器函数，在加载窗口时从单独的 Javascript 文件动态加载函数？

Answer 1

最简单的方法是简单地添加 <script>动态添加到 DOM 中。

<script>
var scripts = [ 'a.js', 'b.js', ... ];
for (var i = 0; i < scripts.length; ++i) {
  document.write('<script src="' + scripts[i] + '"></' + 'script>');
}
</script>

请注意，您只能在 DOMContentReady 之前执行此操作事件被触发。

BTW 事件 Google Closure Library 使用了这种技术。作为旁注，您可能希望将脚本连接到一个文件中，以便保存您自己(和您的用户)的 HTTP 请求并获得更快的页面加载。

这很酷的是脚本在关闭后立即下载和评估 </script>标记，这样您就可以在使用它们之前无需等待任何其他内容:

<!-- Let's pretend that a.js defines a function A() -->
<script>document.write('<script src="a.js"></' + 'script>');</script>
<script>
var a = new A();
</script>