
前因
这个问题是因为有很多的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);
后果
这只是一个日常笔记而已,不过多言语了.谢谢大家观看.

网友评论