2017-02-26 8 views
0

次のコードがあるので、選択したdivを印刷して、スタイルシートを追加するとき以外は空白のページが表示されます。スタイルシートを追加したときにiframeが空白になる

var pri = document.getElementById("ifmcontentstoprint").contentWindow; 
pri.document.open(); 
pri.document.write('<!DOCTYPE html><html><head><meta charset="utf-8"/><meta http-quiv="Content-Type" content="text/html; charset=utf-8"/><title>Print Frame</title><link rel="stylesheet" type="text/css" href="http://localhost:10024/css/backend.css"/></head><body>' + content.innerHTML + '</body></html>'); 
pri.document.close(); 
pri.focus(); 
pri.print(); 

何も隠していないように空白のCSSで試しました。

+0

htmlページを調べて、コンソールでエラーがないかどうかを確認してください。 –

答えて

0

CSSを追加すると、印刷が実行されたときにコンテンツがiframeに読み込まれていないために空白になった理由が見つかりました。 onloadをiframeに追加すると、それが解決されました。

関連する問題