jquery及js实现动态加载js文件的方法

首先，为了动态加载 JavaScript 文件，我们需要使用 JavaScript/jQuery 中的 createElement 和 appendChild 方法。下面是详细步骤：

使用原生JS动态加载外部JS文件

1. 通过 createElement 创建一个 script 标签：

javascript
var script = document.createElement("script");

1. 设置 script 标签的 src 属性，即请求的 JS 文件的链接地址：

javascript
script.src = "http://example.com/path/to/script.js";

1. 我们还可以为 script 标签定义其他属性，比如 async 或者 defer。例如：

javascript
script.async = true;
script.defer = true;

1. 使用 appendChild 方法将 script 标签添加到 HTML 文档中的 head 或 body 标签内：

javascript
document.head.appendChild(script);

或者

javascript
document.body.appendChild(script);

下面是一个完整的示例：

var script = document.createElement("script");
script.src = "http://example.com/path/to/script.js";
Script.async = true;
document.head.appendChild(script);

使用jQuery动态加载外部JS文件

使用 jQuery 可以简化上面的步骤，因为它有一个内置的 $.getScript() 方法，可以直接加载包含 JS 代码的文件。

$.getScript("http://example.com/path/to/script.js", function() {
  // 这里是回调函数，代表 JS 文件加载完成并已执行
});

该方法与上面的原生 JS 示例的效果是一样的，但使用 jQuery 更加方便。

另外，如果你需要加载多个文件，可以使用 $.when() 和 $.getScript()，如下所示：

$.when(
  $.getScript("http://example.com/path/to/script1.js"),
  $.getScript("http://example.com/path/to/script2.js"),
  $.getScript("http://example.com/path/to/script3.js")
).done(function(){
  // 三个文件都加载完成后执行的代码
});

以上是使用 jQuery 和原生 JavaScript 实现动态加载JS文件的完整攻略，希望对您有所帮助！