如何在js中动态引入或加载js文件

一个网页加载时，js文件一般是通过html中的标签加载的，但有时也会有通过js代码动态引入js文件的需求。下面介绍具体做法。

原理

1、在js中动态引入js文件的核心原理是使用js在html界面上增加一个script标签，该标签的地址就是你想动态加载的js文件地址。

2、比如一个页面中没有jQuery,在控制台输入jQuery，会报一个错jQuery is not defined(…)

4、增加下面内容<script type="text/javascript" src="https://cdn.bootcss.com/jquery/3.2.1/jquery.js"></script>

6、控制台输入jQuery，发现已经定义过了，说明加载成功

2、运行这个函数。例如想动态引入jquery，可以这样loadScript("https://cdn.bootcss.com/jquery/3.2.1/jquery.js"稆糨孝汶;, function() { //加载,并执行回调函数 alert('动态引入jquery成功')});在一个没有使用jquery的页面上，运行以上代码以后，就可以在该页面的调试窗口使用jquery了！