加載后如何立即在動態加載的javascript上執行功能？

Question

我有一些HTML：

<html>
    <head>
        <script type="text/javascript" src="/scripts/onload.js"></script>
    </head>
    <body onload="loadscript()">
    </body>
</html>

loadscript()將另一個腳本插入頭部。 如何立即從插入的腳本中調用函數？ （不使用jQuery）

編輯：要插入的腳本是在運行時根據當前頁面的路徑確定的。

Answer 1

您無法立即在新腳本中運行代碼，因為瀏覽器必須首先通過網絡獲取代碼。 這需要時間，所以這是一個異步操作-插入腳本標簽的代碼將在后台獲取腳本的同時繼續執行。

一旦新的腳本文件到達，JavaScript引擎將解析並盡快執行它。 如果其他一些JavaScript代碼已經在執行（例如，事件處理程序），它將在執行新腳本之前等待該代碼完成。 本文很好地解釋了JavaScript異步執行模型。

您無法精確控制執行新腳本的時間，但可以從新腳本的頂層調用一個函數以使其盡快執行：

function myFunction() {
  // code to execute when the second script is included
}

myFunction();

如果您不需要在其他任何地方引用此功能，則可以使用IIFE保存一些字符：

!function() {
  // code to execute when the second script is included
}()

（或(function() { /* ... */ }()) ，或IIFE語法上的任何其他變體）。

加載后如何立即在動態加載的javascript上執行功能？

問題描述

1 個解決方案

解決方案1
0 已采納 2014-09-09 08:28:46

加載后如何立即在動態加載的javascript上執行功能？

問題描述

1 個解決方案

解決方案1 0 已采納 2014-09-09 08:28:46

解決方案1
0 已采納 2014-09-09 08:28:46