используйте jQuery для добавления div во фрейм, вложенный в фрейм

Question

У меня есть страница с вложенными фреймами, подобная этой:

var wndSCORM2004StageFrame = jQuery('frame[name="wndSCORM2004Stage"]');
console.log(wndSCORM2004StageFrame);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<frameset rows="0,*" onload="init()" border="0">
      <frame id="wndToolBar" name="wndToolBar" src="about:blank" marginheight="0" scrolling="no" noresize border="0"/>
      <frameset cols="20,80" border="0">
        <frame id="wndLog" name="wndLog" src="about:blank" marginwidth="0" noresize border="0"/>
       <frame id="wndSCORM2004Stage" name="wndSCORM2004Stage" src="about:blank" border="0">
      </frameset>
    </frameset>

Я могу избавиться от этих фреймов, так как это устаревший код, за который я не отвечаю

Как видите, фрейм "wndSCORM2004Stage" инициируется с помощью "about: blank", и есть некоторый код javascript, который загружает в него фактический контент.

В настоящее время, когда я регистрирую содержимое jQuery ('frame [name = "wndSCORM2004Stage"]'), я получаю это:

На главной странице мне нужно добавить некоторые HTML-элементы div во фрейм, который находится внутри фрейма с идентификатором "wndSCORM2004Stage".

Так что мне, вероятно, нужно подождать, пока содержимое будет загружено во фрейм. Правильный? Если это правильно, как я могу проверить в JQuery, что фрейм "wndSCORM2004Stage" полностью загружен, и тогда я могу выбрать динамически созданные фреймы в этом фрейме?

Answer 1

jQuery('frame[name="wndSCORM2004Stage"]').append([YOUR HTML]);

или

$("#wndSCORM2004Stage").append([YOUR HTML]);