Question

用原生js怎么动态添加一个js文件

Answer 1

你好，

原生JS添加一个JS文件其实比较简单：

// 首先创建一个script标签
var script = document.createElement('script');
// 接着就可以给这个标签指定要加载的文件地址
script.src = './abc/123/cde.js';
// 如果后面的逻辑需要依赖这个js文件，那么需要在该JS完成加载后再执行其他逻辑
script.onload = function() {
    // script已经加载完毕，继续其他逻辑
    // 假如加载的jquery库，则接下来可以这么写
    $('body').css('backgroundColor', 'red');
};
// 当然，要真正执行加载文件，还需要将script标签添加到页面中
document.head.appendChild(script);

好了，就是这么简单。当然还有很多细节，比如考虑到页面代码整洁，加载后删除该标签也是可以的，而且很多库的loader方法也是有这方面功能处理的。

希望能解决你的问题。