在前端開發中，常常會遇到需要呼叫外部JavaScript檔案中的函數的情況。通常情況下，我們可以將外部JavaScript函數透過標籤引用到網頁中，然後直接呼叫即可。但是如果我們想在JavaScript程式碼中動態呼叫外部函數，該怎麼做呢？本文就來介紹如何呼叫外部JavaScript檔案中的函數。 </p> <p>一、引用外部JavaScript文件</p> <p>在呼叫外部JavaScript函數之前，我們需要先在網頁中引用外部的JavaScript文件，可以使用以下程式碼將外部JavaScript文件引入網頁中。 </p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'><script src="[文件路径]">登入後複製其中，[檔案路徑]為外部JavaScript檔案的路徑。請注意，該路徑應該相對於目前頁面的路徑，如果外部檔案位於該頁面的同級目錄下，可以直接使用檔案名稱進行引用。 例如，如果要引用一個名為「script.js」的外部JavaScript文件，可以使用以下程式碼進行參考：登入後複製二、使用window物件呼叫外部函數成功引用外部JavaScript檔案後，我們可以使用window物件呼叫外部函數。 window物件是全域對象，它包含了所有的全域屬性和方法，由此可以使用window物件來呼叫外部函數。以下是使用window物件呼叫外部函數的程式碼範例：//在外部函数文件script.js中定义test函数 function test(){ alert("这是外部JavaScript文件中的test函数"); } //在本页面中使用window对象调用test函数 window.test();登入後複製注意，在使用window物件呼叫外部函數時，需要確保該函數已經被定義，並且在引用外部檔案之後。 三、使用AJAX技術呼叫外部函數除了使用window物件呼叫外部函數之外，還可以使用AJAX技術呼叫外部函數。 AJAX技術可以實現非同步載入數據，從而優化網頁的效能。以下是使用AJAX技術呼叫外部函數的程式碼範例：//使用XMLHttpRequest对象加载外部函数文件script.js var xhr=new XMLHttpRequest(); xhr.open('GET','script.js',true); xhr.onreadystatechange=function(){ if(xhr.readyState==4 && xhr.status==200){ //将外部函数文件注入页面中 eval(xhr.responseText); //调用外部函数 test(); } } xhr.send();登入後複製在該程式碼範例中，我們使用XMLHttpRequest物件非同步載入了外部函數檔script.js，然後使用eval函數將檔案注入頁面中，最後呼叫外部函數。需要注意的是，在使用eval函數注入程式碼時，需要確保程式碼是安全的，否則將極大地危害網站安全。 總結： 以上是呼叫外部JavaScript檔案中函數的方法，使用window物件或AJAX技術都可以實現。需要注意的是，應盡量避免在網頁中頻繁使用AJAX技術呼叫外部函數，以免影響網頁的效能和使用者體驗。同時，使用eval函數注入程式碼時，需要確保程式碼的安全性。
