html - 添加样式表时打印 iframe 空白

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

最佳答案

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

关于html - 添加样式表时打印 iframe 空白,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42470827/

相关文章:

jquery - 如何激活/停用动态调整大小的元素

javascript - 为什么当我使用 navbar-fixed-top 时 body 被隐藏在 navbar 后面

css - SquareSpace:更改部分背景颜色(Eamon/Ethan 模板)

html - 是否可以制作每行具有不同数字列和列宽的 CSS3 表格?

jquery - animate.css 在 Firefox 中不起作用

javascript - 如何在 JavaScript 中更改 iframe 的源位置?

javascript - foreach 绑定(bind)中 knockout $root 上下文错误

html - Bootstrap Extra padding inside div

javascript - 将窗口移至iframe,而无需重新加载

javascript - Chrome 上 iframe 中的分页符不起作用?