JavaScript コールバックによる Iframe のロード

IFRAME のロード完了時にコールバックを実行するには、次の手順に従います:

IFRAME とロード ハンドラーを作成します

プログラムで IFRAME を作成します:

var iFrameObj = document.createElement('IFRAME');
iFrameObj.src = url;

ロード ハンドラーを IFRAME に追加します:

$(iFrameObj).load(function() {
  // handle iframe load
});

IFRAME コンテンツにアクセスして破棄

ロード ハンドラー内で、IFRAME コンテンツにアクセスして破棄します:

function callback(iFrameObj) {
  // obtain iframe data
  var iframeData = $('body', iFrameObj.contentWindow.document).html();
  // destroy the iframe
  document.body.removeChild(iFrameObj);
}

その他の考慮事項

• 削除にタイムアウトを使用する場合は、IFRAME が読み込めるように適切な遅延を設定してください。
• 回避してください。コンテンツにアクセスできないため、クロスサイト リクエストを使用します。
• ブラウザ間の互換性と明示的なロード イベントには jQuery を使用します。

例

$('#myUniqueID').load(function() {
  if (typeof callback == 'function') {
    callback($('body', this.contentWindow.document).html());
  }
  setTimeout(function () {$('#frameId').remove();}, 50);
});