美文网首页JavaScript
JavaScript:在一个JS文件中引入另外的一个JS文件

JavaScript:在一个JS文件中引入另外的一个JS文件

作者: 神经骚栋 | 来源:发表于2018-08-16 17:42 被阅读15次

前因


这个问题是因为有很多的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);

后果


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

相关文章

网友评论

    本文标题:JavaScript:在一个JS文件中引入另外的一个JS文件

    本文链接:https://www.haomeiwen.com/subject/pzpobftx.html