JavaScriptのみを使用してiframeコンテンツを読み込むのを待つ方法

Question

ウェブページをポップアップウィンドウに動的に読み込むウェブサイトの印刷機能を作成しようとしています。全体的な状況はちょっと変わったので、私が正確にやっていることを説明し、誰かがこのプロセスをより効率的なやり方でやり遂げる方法について提案があれば、私はすべて耳にします。

私は一緒に印刷する必要のある複数のWebページを持っているため、どのコンテンツを配信するかを制御できないため、iframe内のすべてを読み込むことをお勧めします（主に、 ）単純にページにスローされると残りの部分を汚染するスタイル...）

iframeは柔軟ではないため、私のiframeがどれくらいの大きさである必要があるかを知る唯一の方法を見つけました。高さを記録し、最初に記録した高さのiframe内の各ドキュメントをレンダリングします。

これまでのところ、各iframeを1ページにレンダリングする準備が整いました。次のコードを使用して新しいiframe要素を作成しています。私は

iframe.contentDocument.open(); 

のiframeがインスタンス化されたヒット時に

var body = popWindow.document.createElement("body"); 
var iframe = popWindow.document.createElement("iframe"); 

iframe.contentDocument.open(); 
iframe.contentDocument.write(data); 
iframe.contentDocument.close(); 

問題が発生したが、contentDocumentはNULLであるように思われます。私はこのコンテンツが読み込まれるまで待つことを試みましたが、それは無限に座ってループします。

Answer 1

jQueryを使用すると、フレームが読み込まれるまで待つことができます。 EDIT

$("#your-frame").load(function() { 
    //frames["your-frame"] 
}); 

：使用するだけではJavaScript

var yourFrame = document.getElementById('your-frame'); 
yourFrame.addEventListener("load", function() { 
}); 

あなただけのiframeのウィンドウにイベントリスナーを添付することができ

Answer 2

：

iframe.window.addEventListener('load', function(){ ...