將多個js和html文件動態加載到dom后的事件

Question

我有一個選項卡式面板，在其中單擊特定的選項卡時，我需要將三個js文件和一個html文件加載到當前DOM中，並執行與那些js和html文件相關的方法。

該html文件包含模板，需要將其加載到隱藏的iframe中。

我可以通過將相應的標簽附加到正文來加載相同的內容，但是我需要在所有文件加載后執行一個功能。

加載所有文件后如何獲取事件？

---------------新問題----------------------

加載文件后，我成功獲取事件。

我有下面的問題。

我有一個html文件，即時消息正在加載，並將內容提供給動態創建的iframe，如下所示

content = document.createElement("iframe");
content.style.display = "none";
content.src = 'data:text/html;charset=utf-8,' + encodeURI(responseText);

我的基本協議是https 。 當協議為http im時，不會出錯。 現在，我收到以下錯誤。

The frame requesting access has a protocol of '', the frame being accessed has a protocol of 'https'. Protocols must match.

請幫忙。

Answer 1

您在最后一句話中暗示了解決方案：

觸發事件！

注冊一個將等待您的4個自定義事件的處理程序，跟蹤已通過全局數組接收到的事件，並在觸發所有必需事件時執行您的函數。

當然，您將在每個異步加載的文件的最后一行trigger()一個自定義事件。