Html 添加样式表时打印iframe空白_Html_Css_Iframe_Printing

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

html css iframe printing

Html 添加样式表时打印iframe空白,html,css,iframe,printing,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

我有下面的代码，所以我可以打印一些选定的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();

var pri=document.getElementById（“ifmcontentstoprint”）.contentWindow；
pri.document.open（）；
pri.document.write（'Print Frame'+content.innerHTML+''）；
pri.document.close（）；
pri.focus（）；
pri.print（）；

我尝试使用空白css只是为了确保我没有隐藏任何内容。

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

尝试检查html页面，并检查控制台中是否存在任何错误。。