在一个JS文件中引入另外的一个JS文件的两种方法

avaScript:在一个JS文件中引入另外的一个JS文件
原因
这个问题是因为有很多的Html文件(含有公共的JS文件),可能都需要使用同一个JS方法,但是这个JS方法需要依赖其他JS文件的支持,这时候我们不能每一个Html都要写导入JS的标签,我们需要使用JS代码完成JS文件的导入.

方案一:使用document.write();完成JS的加载,注意加载顺序
使用 document.write(); 即可完成JS文件的导入,例如下面的例子.

document.write('<script src="katex.js" type="text/javascript" charset="utf-8"></script>');
document.write('<script src="auto-render.min.js" type="text/javascript" charset="utf-8"></script>');

方案二:使用document.createElement(); 创建JS标签. 完成JS的加载,注意加载顺序
第二种方案就是我们使用createElement()方法来创建一个JS标签,插入到网页中.代码如下所示.

var  JSElement=document.createElement("script");
JSElement.setAttribute("type","text/javascript");
JSElement.setAttribute("src","katex.js");
document.body.appendChild(JSElement);

作者：AriesY
链接：https://www.jianshu.com/p/f4623e755769
来源：简书
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。