JavaScript:在一個(gè)JS文件中引入另外的一個(gè)JS文件

原因

這個(gè)問題是因?yàn)橛泻芏嗟腍tml文件(含有公共的JS文件),可能都需要使用同一個(gè)JS方法,但是這個(gè)JS方法需要依賴其他JS文件的支持,這時(shí)候我們不能每一個(gè)Html都要寫導(dǎo)入JS的標(biāo)簽,我們需要使用JS代碼完成JS文件的導(dǎo)入.

方案一:使用document.write();完成JS的加載,注意加載順序

使用 document.write(); 即可完成JS文件的導(dǎo)入,例如下面的例子.

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(); 創(chuàng)建JS標(biāo)簽. 完成JS的加載,注意加載順序

第二種方案就是我們使用createElement()方法來創(chuàng)建一個(gè)JS標(biāo)簽,插入到網(wǎng)頁中.代碼如下所示.

var  JSElement=document.createElement("script");

JSElement.setAttribute("type","text/javascript");

JSElement.setAttribute("src","katex.js");

document.body.appendChild(JSElement);