添加样式表时打印iframe空白

我有以下代码，因此我可以打印一些选定的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只是为了让我没有隐藏任何东西。

来源

2017-02-26 dottodot

尝试检查您的html页面，并检查控制台中是否有错误。 –

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

来源

2017-03-08 18:06:13 dottodot

添加样式表时打印iframe空白

回答

相关问题