2

我的页面上有一个 iframe，显示位于同一域中的 PDF。由于这个系统的构建方式，我需要在我的 src 标签中使用完整路径（例如http://www.example.com/test.pdf）。当我尝试打印时，出现以下错误：

错误：访问属性“打印”的权限被拒绝

如果我删除“ http://www.example.com/ ”，Firefox 可以打印，但这会扰乱系统的其他部分。

所以似乎 Firefox 认为 iframe src 只是因为我使用完整路径而位于不同的域上，但事实并非如此。有解决方法吗？

我的打印代码：

$('#iframe')[0].focus();
$('#iframe')[0].contentWindow.print();
4

1 回答 1

2

解决此问题的方法是使用 css @media。请参考下面的示例，

<BODY>
<STYLE type="text/css">
@media print 
{
  .dontprint{display:none} 
}
</STYLE>
<SCRIPT type="text/javascript">
function printPdf(){
        window.frames["printf"].focus();
        try {
            window.frames["printf"].print();
        }
        catch(e){
            window.print();
            console.log(e);
        }
    }
</SCRIPT>

<DIV class="dontprint" >
Some of your content here
<form><input type="button" onClick="printPdf()" value="Print"/></form>
...
...
</div>
<IFrame id="printf" src="whatever"></IFRAME>
<DIV class="dontprint" >
more content
...
...

</div>
</BODY>

参考this进行讨论

于 2013-11-03T17:17:46.170 回答