添加样式表时打印iframe为空白

时间:2017-02-26 16:07:38

标签: html css iframe printing

我有以下代码,所以我可以打印一些选定的div,它工作正常,除非我添加样式表,我得到一个空白页。

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只是为了让我没有隐藏任何东西。

1 个答案:

答案 0 :(得分:0)

我发现添加css时它是空白的原因是由于在执行打印时内容未加载到iframe中。将onload添加到iframe解决了它。