打印iframe内容

时间:2016-04-15 11:25:11

标签: javascript jquery html iframe

我想打印iframe的内容。我查看了几个例子,但是没有一个例子帮助了我。我有以下代码

<div id="print-area">
    <iframe src='data:text/html;charset=utf-8,<?php echo $content ?>'></iframe>
</div>

单击#print按钮时:(此代码打印出div#print-area的内容)

$("#print").click(function (e) {
        var newWindow = window.open();
        newWindow.document.write($('#print-area').html());
        newWindow.print()
    });

代码工作并且提示打印窗口,但是当我尝试将iframe的内容放在document.write(...)中时,该功能不起作用。有什么想法吗?

尝试了解决方案:

Print iFrame content using Javascript

How to Print iframe content

以及其他主题,但无法打印我的iframe内容

1 个答案:

答案 0 :(得分:1)

使用

<iframe id="abcd" src='data:text/html;charset=utf-8,<?php echo "someHtmlContent" ?>'>


            </iframe>
var newWindow = window.open();
                newWindow.document.write($('#abcd').contents().find("html").html());
                newWindow.print()

因为iframe是一个独立的页面,所以它不能通过windows类访问 这就是为什么要使用父类