javascript - 如何从 javascript 下载外部 javascript 库依赖项？

Question

场景:

我有一个用户可配置的脚本。例如，代码路径A使用普通的 javascript，路径 B使用jquery 。

代码

function MyFunction(choice) {
    if (choice == a) {
      //do some stuff
    }

    if (choice == b) {
        // somehow load jquery
        // do stuff that depends on jquery being loaded
    }
}

我的困惑在于路径 b 。 Jquery默认情况下不在页面上(即页面上的任何位置都没有<script src="cdn.jquery.com"></script>)。但路径 B 中的代码需要它才能运行。是否可以加载 JQuery 然后执行其余代码？

Answer 1

创建 <script>标记并将其附加到 DOM，如下所示:

var script = document.createElement('script');
script.src = '/path/to/my/script.js';

document.body.appendChild(script);

script.onload = function () {
  console.log('Ready!');
  // Write your code that needs jQuery inside here
};

但这只能被视为临时解决方案......:)