javascript - 在 Firefox 中使用 document.frames 打印 iFrame

Question

这让我发疯。

我在这里和其他网站上遇到了几个问题，但无法正常工作。

我的父页面中有一个 iFrame，其中包含一个 PDF 文档。

iFrame(和 PDF)很小，因此 Adob​​e Reader 导航被隐藏，使得在 Adob​​e Reader 中使用打印功能不切实际。

所以，我想要一个可以在 iFrame 窗口上触发 Print 的按钮(必须位于父框架中)。

print a PDF Iframe in firefox

How to print pdf in iframe using javascript in ie6?

和其他一些人也有类似的建议。

使用 Firefox

document.getElementById('loyaltyBadge').focus();
document.getElementById('loyaltyBadge').contentWindow.print();

什么都不做

document.frames['loyaltyBadge'].focus();
document.frames['loyaltyBadge'].contentWindow.print();

什么都不做

document.frames.loyaltyBadge.focus();
document.frames.loyaltyBadge.contentWindow.print();

返回 document.frames is undefined... 就像:

document.loyaltyBadge.print();

尽管这适用于 Chrome

我不想在加载时自动打印，但我需要一个打印按钮。

上面的所有行都被包裹在:

$('#printFrame').click(function () {  });

ID 为 printFrame 的按钮和框架本身的 ID(和名称)为 loyaltyBadge

Answer 1

以下内容适用于 Firefox 11:

window.frames.loyaltyBadge.focus();
window.frames.loyaltyBadge.print();