JavaScript:在一个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);


后果


这只是一个日常笔记而已,不过多言语了.谢谢大家观看.


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容