如何在js文件中动态加载另一个js文件？

前言

公司项目正在完成一个调用了高德地图，其中使用到高德地图以及UI组件库。这里涉及到了两个JS文件，通过分析得知在高德地图主js中还加载了两个js，但是此时UI.js也同时加载，并且其中需要主js所引用的js里面的属性。问题解决方法很简单，调用高德主js会有一个回调函数callback，能够保证主js完成。如果能够把ui.js也放在回调函数里面，那问题就OK了。

方法1：最开始我在网上找了个方法，使用document.write来加载js，问题是可以解决的，但是发现在控制台有警告。个人理解，document.write这种操作，可能被浏览器认为是恶意操作，所以给了警告。

为了保证网页能够良好的运行，显然第一种办法欠妥。

方法2：直接上代码。

$(document.body).append('<script src="//webapi.amap.com/ui/1.0/main.js"><\/script>');

这个方法相信大家都比较眼熟，而且比较基础。最开始没有想到，也是自己基础不够扎实。