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

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

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

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

或者在Html中把被依赖的js放在最前面。比如： <script src="./static/js/event_manager.js"></script>

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);