1. 程式人生 > 其它 >JavaScript:在一個JS檔案中引入另外的一個JS檔案

JavaScript:在一個JS檔案中引入另外的一個JS檔案

技術標籤:從Html5到跳樓jsjavascripthtml


前因


這個問題是因為有很多的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);

後果


這只是一個日常筆記而已,不過多言語了.謝謝大家觀看.