Javascript .print() 使用 IE11 失败，用于类型 application/pdf

Question

我制作了一个我在我的网站上使用了一段时间的代码示例，现在在从 IE11 和 Windows 8.1 运行时出现问题。

问题是当 javascript 方法 .print() 不再被调用时，打印窗口不会弹出。

<html>
<head></head>

<body onload="window.document.getElementById('PDFDoc').print();">
    <object id='PDFDoc' name='PDFDoc' type='application/pdf' data='Hello World.pdf' height="369" width="266" style="border-width:thin;border:#CCCCCC" >
</object>
</body>
</html>

我发现这篇文章讨论了类似的事情，但我自己无法将其用作修复程序。

PS：我会上传Hello World pdf但stackoverflow不允许我所以只使用任何pdf来复制错误。

在调试模式下，我得到错误object doesn't support property or method 'print'

在此处输入图片说明

我知道self.print()可以工作，但我不确定如何将其调整到此代码中以打印 pdf 而不是整个 html 页面。 有没有其他方法可以解决这个问题？

Answer 1

如果我错了，请纠正我，但<object>元素似乎没有print()方法。 我猜它在早期 IE 中工作的原因是因为他们没有给出太多关于标准的信息，但现在他们倾向于更接近他们，因此他们可能已经放弃了他们的自定义打印方法。

但是，您有很多选择：

隐藏您不想打印的所有内容并调用 window.print()
创建一个 print.css 样式表
您也许可以创建一个<iframe>元素并将您的元素附加到那里，然后在该 iframe 上调用 print 。

也看看这些讨论。

Answer 2

虽然这是一个很老的问题，但这里有一个非常有效的优秀解决方案。 使用 IE11 v11.1039.17763.0（在 IE10 模式下）、Google Chrome v80.0.3987.132、MS Edge v44.17763.831.0 和 MS Edge（在 Chromium 上，测试版）v81.0.416.20 进行测试，均在 Win10 下。

此解决方案使用给定的 pdf 文件直接打开浏览器的打印对话框。

<object id="objectPdf" data="my.pdf" type="application/pdf" width="1" height="1">
  alt : <a href="my.pdf">my.pdf</a>
</object>

<iframe id="iFramePdf" src="my.pdf" style="display:none;"></iframe>

<input type="button" value="Print PDF" onclick="printTrigger();" />

<script type="text/javascript">
 function printTrigger() {
    try {
        document.getElementById('objectPdf').printWithDialog();
    } catch(e) {
        document.getElementById('iFramePdf').contentWindow.print();
    }
 }
</script>

请注意，提供的解决方案性能不佳，因为它发起了三个而不是一个 HTTP 请求！

Javascript .print() 使用 IE11 失败，用于类型 application/pdf

问题描述

2 个解决方案

解决方案1
1 2013-12-02 13:16:59

解决方案2
0 2020-03-10 09:25:34

Javascript .print() 使用 IE11 失败，用于类型 application/pdf

问题描述

2 个解决方案

解决方案1 1 2013-12-02 13:16:59

解决方案2 0 2020-03-10 09:25:34

解决方案1
1 2013-12-02 13:16:59

解决方案2
0 2020-03-10 09:25:34