當我們在網頁中引用多個javascript文件時，經常會出現一個問題：如何確定這些文件是否已經全部加載完成呢？

在解決這個問題之前，我們先來了解一下javascript文件的引入方式。一般來說，我們可以使用以下兩種方式引入javascript文件：

// 第一種方式
<script src="example.js"></script>
// 第二種方式
var script = document.createElement('script');
script.src = "example.js";
document.body.appendChild(script);

兩種方式的區別在于，第一種方式是直接在HTML中引入文件，而第二種方式是通過JS動態地創建一個<script>標簽并插入到頁面中。

那么，對于兩種引入方式，我們該如何判斷文件是否已經加載完成呢？其實，實現方法很簡單，主要是利用了<script>標簽的一個特性：當腳本文件加載完成時，會觸發一個load事件。具體實現方法如下：

// 第一種方式
<script src="example.js" onload="loadScript()"></script>
// 第二種方式
var script = document.createElement('script');
script.src = "example.js";
script.onload = loadScript;
document.body.appendChild(script);
function loadScript() {
console.log('example.js loaded!');
}

上面的代碼中，我們給<script>標簽添加了一個onload事件，當example.js文件加載完成時，它會觸發loadScript函數。同時，在動態創建<script>標簽時，我們也可以通過script.onload = loadScript來實現同樣的效果。

當然，如果我們需要引入多個javascript文件，那么怎么辦呢？一種解決方法是使用回調函數，即在每個文件加載完成后，調用一個回調函數，最終在所有文件加載完成后再執行一次回調函數，例如：

function loadScripts(scripts, callback) {
var loaded = 0;
for (var i = 0; i < scripts.length; i++) {
var script = document.createElement('script');
script.src = scripts[i];
script.onload = function() {
loaded++;
if (loaded == scripts.length) {
callback();
}
}
document.body.appendChild(script);
}
}
loadScripts(['example1.js', 'example2.js'], function() {
console.log('All scripts loaded!');
});

上面的代碼中，loadScripts函數接受一個數組參數scripts，表示需要加載的腳本文件列表，同時還有一個回調函數callback。該函數遍歷scripts數組，并為每個文件創建一個<script>標簽，當文件加載完成時，會觸發onload事件，同時調用一個計數器變量loaded，表示已經加載完成的文件數量。當loaded等于scripts.length時，說明所有文件都已經加載完成，此時調用回調函數callback。

總結一下，當我們需要引入多個javascript文件時，需要注意確保這些文件都已經加載完成，在實現上一般使用<script>標簽的onload事件或者回調函數實現。希望這篇文章對大家有所幫助！