首頁 > web前端 > js教程 > 如何根據條件動態載入外部JavaScript檔案?

如何根據條件動態載入外部JavaScript檔案?

DDD
發布: 2024-12-02 00:03:15
原創
170 人瀏覽過

How Can I Dynamically Load an External JavaScript File Based on a Condition?

以程式設計方式在JS 中載入JS

問題: 如何在另一個JavaScript 檔案中動態載入外部JS文件,基於條件

答案:

儘管嘗試利用document.createElement() 進行基於DOM 的加載,但看起來外部JS 文件已加載但仍然無法訪問在目前文件內。這是因為當載入的腳本仍在載入時,JavaScript 會繼續執行,導致其內容無法使用。

要解決此問題,請考慮實施以下步驟:

  1. 建立一個新的script 元素使用document.createElement('script').
  2. 使用script .src = 指定外部JS檔案的來源
  3. 為腳本的載入事件定義一個事件偵聽器,允許在載入腳本後存取腳本的內容:

  4. 最後,將script元素附加到使用document.head.appendChild(script) 或類似方法的DOM。

以上是如何根據條件動態載入外部JavaScript檔案?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板