javascript - 使用 jquery 打印 iframe 内容

Question

我有一个 iframe:

<iframe name="printarea" id="printarea" src="print.php" style="display: none;"></iframe>

我需要此 iframe 具有“显示:无；”样式所以它是不可见的

现在当有人点击通过 php 生成的链接时:

echo '<a href="#" onclick="print_receipt('.$row['id'].'); return false;"><img src="images/icon-print.png" alt="" /></a>';

我希望它简单地更改 iframe SRC 并打印 iframe 中的内容，但是我的代码根本不起作用:

function print_receipt (id)
{
    $('#printarea').attr('src', 'print.php?id='+id);
    $('#printarea').focus();
    $('#printarea').print();
}

这就是我想要的: - 用户点击链接 - iframe 内容根据他点击的链接而变化 - iframe 内容打印

Answer 1

2 个问题:

1. 您可能需要等到页面加载完毕
2. print() 是窗口对象的一种方法

---

   $('#printarea')
    .load(function(){this.contentWindow.print();$(this).unbind('load');})
     .attr('src', 'print.php?id='+id);