如何使用iframe和css打印网页

时间:2016-09-16 17:37:08

标签: javascript html css google-chrome iframe

我必须打印对话框的内容。我正在添加一个空的iframe然后我在javascript中添加内容。

这是我的js代码,其中我添加了html和css作为iframe的子项

GdkRGBA

正确打开打印对话框,但css的应用效果不佳。

在我在“背景图形”中选中的选项中的打印页面上,我使用的是谷歌浏览器。

1 个答案:

答案 0 :(得分:3)

在加载样式之前,您正在调用frame.print()

“一旦样式表及其所有导入的内容都已加载并解析,并且在样式开始应用于内容之前,就会触发加载事件。”

试试这个:

head.lastChild.addEventListener("load", function (event) {
    // In IE, you have to focus() the Iframe prior to printing
    // or else the top-level page will print instead
    frame.focus();
    frame.print();
}, 0);

<强>参考