使用document.createElement("script") 進行同步腳本注入
當嘗試同步呼叫.js 檔案並立即使用其函數時,有限制。提供的程式碼片段顯示嘗試載入腳本並呼叫函數,但由於腳本尚未載入而失敗。
雖然為腳本分配載入事件處理程序可能會在某些情況下解決問題,它不能保證一致地工作,特別是如果包含的腳本使用自己的函數注入其他腳本。
要解決這個挑戰,一種方法是建立自訂 Include() 函數:
Include('my1.js'); Include('my2.js'); myFunc1('blarg'); myFunc2('bleet');
該函數可以使用 XMLHttpRequest 取得腳本,然後全域評估它。另一種方法是建立一個 script 元素,將其附加到 head 元素,然後使用 eval() 直接評估其來源。然而,這種方法可能容易出現範圍問題。
另一個選擇是利用現有的腳本載入工具,如 Requirejs 或 yepnope,它們可以處理非同步腳本載入的複雜性,並為各種情況提供可靠的解決方案。透過使用這些工具,開發人員可以簡化包含和使用外部腳本的過程。
以上是如何同步呼叫`.js`檔案函數?的詳細內容。更多資訊請關注PHP中文網其他相關文章!