首頁 >web前端 >js教程 >如何在另一個 JavaScript 檔案中動態載入和存取外部 JavaScript 檔案?

如何在另一個 JavaScript 檔案中動態載入和存取外部 JavaScript 檔案?

Mary-Kate Olsen
Mary-Kate Olsen原創
2024-12-04 03:11:08412瀏覽

How Can I Dynamically Load and Access External JavaScript Files Within Another JavaScript File?

從JS 動態載入JS

問題:

問題:

在動態網頁上,事實載入動態證明,將外部JS 文件有條件地包含在另一個JS 文件中具有挑戰性。嘗試使用 document.createElement() 注入腳本元素未能使目前 JS 檔案可以存取內容。

解決方案:
var script = document.createElement('script');
script.onload = function () {
  // Now the loaded script's content is accessible
  // ...
};
script.src = 'path/to/external.js';
document.head.appendChild(script);

從 JS 動態載入 JS ,考慮腳本載入的非同步性質至關重要。以下是合併事件處理的修訂方法:

透過使用 onload 事件,腳本的執行將暫停,直到外部腳本完全載入。這可以確保載入的內容在繼續之前可用。

  1. 注意:
使用 document.head.appendChild(script) 將 script 元素加入 DOM或等效的DOM操作方法。 確保原始程式碼片段中的something變數指向外部JS檔案的路徑你想要動態載入。

以上是如何在另一個 JavaScript 檔案中動態載入和存取外部 JavaScript 檔案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn