blocks|key|1643489|text|在iframe中放置一个print函数，并从父级调用它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1643490|iframe：|1643491|function+printMe()+{
++window.print()
}|code-block|syntax|javascript|1643492|父级：|1643493|document.frame1.printMe()|1643494|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Put a print function in the iframe and call it from the parent.

iframe:

<pre><code>function printMe() {
 window.print()
}
</code></pre>

parent:

<pre><code>document.frame1.printMe()
</code></pre>

blocks|key|1643541|text|使用firefox，但也要添加name属性，因为它使用firefox中的window.frames|type|unstyled|depth|inlineStyleRanges|offset|length|style|CODE|entityRanges|data|1643542|即：|1643543|window.frames[id]|code-block|syntax|javascript|1643544|Firefox：|1643545|window.frames[name]

<img+src="print.gif"++onClick="javascript:+window.frames['factura'].focus();+parent['factura'].print();">
<iframe+src="factura.html"+width="100%25"+height="400"+id="factura"+name="factura"></iframe>|1643546|entityMap^0|F|4|10|D|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|S|8|@$9|T|A|U|B|C]|$9|V|A|W|B|C]]|D|@]|E|$]]|$1|F|3|G|5|6|7|X|8|@]|D|@]|E|$]]|$1|H|3|I|5|J|7|Y|8|@]|D|@]|E|$K|L]]|$1|M|3|N|5|6|7|Z|8|@]|D|@]|E|$]]|$1|O|3|P|5|J|7|10|8|@]|D|@]|E|$K|L]]|$1|Q|3|-4|5|6|7|11|8|@]|D|@]|E|$]]]|R|$]]

Use firefox <code>window.frames</code> but also add the <code>name</code> property because that uses the iframe in firefox

IE: 

<pre><code>window.frames[id]
</code></pre>

Firefox:

<pre><code>window.frames[name]

&lt;img src="print.gif" onClick="javascript: window.frames['factura'].focus(); parent['factura'].print();"&gt;
&lt;iframe src="factura.html" width="100%" height="400" id="factura" name="factura"&gt;&lt;/iframe&gt;
</code></pre>

blocks|key|1643560|text|使用以下命令：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1643561|window.onload+=+setTimeout("window.print()",+1000);|code-block|syntax|javascript|1643562|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

Use this:

<pre><code>window.onload = setTimeout("window.print()", 1000);
</code></pre>

blocks|key|1428774|text|需要注意的一件事是，如果你使用file:///，在本地测试它，它将不会在chrome上工作，因为iframe中的函数将显示为未定义。但是，一旦在web服务器上运行，它就会正常工作。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1428775|entityMap^0|0^^$0|@$1|2|3|4|5|6|7|D|8|@]|9|@]|A|$]]|$1|B|3|-4|5|6|7|E|8|@]|9|@]|A|$]]]|C|$]]

One thing to note is if you are testing this locally using file:///, it will not work on chrome as the function in the iframe will appear as undefined. However once on a web server it will work.

blocks|key|1643680|text|除了安德鲁和麦克斯的解决方案之外，使用iframe.focus()还可以打印父框架，而不是在IE8中仅打印子iframe。更改这一行可以修复它：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1643681|function+printIframe(id)
{
++++var+iframe+=+document.frames+?+document.frames[id]+:+document.getElementById(id);
++++var+ifWin+=+iframe.contentWindow+%7C%7C+iframe;
++++ifWin.focus();
++++ifWin.printPage();
++++return+false;
}|code-block|syntax|javascript|1643682|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

In addition to Andrew's and Max's solutions, using iframe.focus() resulted in printing parent frame instead of printing only child iframe in IE8. Changing that line fixed it:

<pre><code>function printIframe(id)
{
 var iframe = document.frames ? document.frames[id] : document.getElementById(id);
 var ifWin = iframe.contentWindow || iframe;
 ifWin.focus();
 ifWin.printPage();
 return false;
}
</code></pre>

blocks|key|1643860|text|为了在IE8中使用它，我不得不做一些修改(没有测试其他IE风格)|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1643861|1)+document.framesparam似乎接受一个数字，而不是ID|1643862|printIframe(0,+'print');

function+printIframe(num,+id)
{
++var+iframe+=+document.frames+?+document.frames[num]+:+document.getElementById(id);
++var+ifWin+=+iframe.contentWindow+%7C%7C+iframe;

++ifWin.focus();
++ifWin.printPage();

++return+false;
}|code-block|syntax|javascript|1643863|2)我在页面加载时显示了一个打印对话框，还有一个指向“单击此处开始打印”的链接(如果它没有自动启动)。为了让它工作，我必须添加focus()调用|1643864|<script+type="text/javascript">
++$(function(){
++++printPage();
++});

++function+printPage()
++{
++++focus();
++++print();
++}
</script>|1643865|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

I had to make few modifications in order to make it with in IE8 (didn't test with other IE flavours)

1) document.frames[param] seem to accept a number, not ID

<pre><code>printIframe(0, 'print');

function printIframe(num, id)
{
 var iframe = document.frames ? document.frames[num] : document.getElementById(id);
 var ifWin = iframe.contentWindow || iframe;

 ifWin.focus();
 ifWin.printPage();

 return false;
}
</code></pre>

2) I had a print dialog displayed upon page load and also there was a link to "Click here to start printing" (if it didn't start automatically). In order to get it work I had to add focus() call

<pre><code>&lt;script type="text/javascript"&gt;
 $(function(){
 printPage();
 });

 function printPage()
 {
 focus();
 print();
 }
&lt;/script&gt;
</code></pre>

blocks|key|1429000|text|您还可以使用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1429001|top.iframeName.print();|code-block|syntax|javascript|1429002|或|1429003|parent.iframeName.print();|1429004|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

You can also use 

<pre><code>top.iframeName.print();
</code></pre>

or

<pre><code>parent.iframeName.print();
</code></pre>

blocks|key|1429059|text|“framePartsList.contentWindow.print()；”在IE+11版本11.0.43中不起作用|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1429060|因此我使用了framePartsList.contentWindow.document.execCommand('print'，false，null)；|1429061|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|F|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|G|8|@]|9|@]|A|$]]|$1|D|3|-4|5|6|7|H|8|@]|9|@]|A|$]]]|E|$]]

The 'framePartsList.contentWindow.print();' was not working in IE 11 ver11.0.43

Therefore I have used 
framePartsList.contentWindow.document.execCommand('print', false, null);

Can someone please help me out with printing the contents of an IFrame via a javascript call in Safari/Chrome.

This works in firefox:

<pre><code>$('#' + id)[0].focus();
$('#' + id)[0].contentWindow.print();
</code></pre>

this works in IE:

<pre><code>window.frames[id].focus();
window.frames[id].print();
</code></pre>

But I can't get anything to work in Safari/Chrome.

Thanks

Andrew

How do I print an IFrame from javascript in Safari/Chrome

服务器

有人能帮我在Safari/Chrome中通过javascript调用打印IFrame的内容吗？这在firefox中是有效的：$('#' + id)[0].focus();$('#' + id)[0].contentWindow.print();这在IE中有效：window.frames[id].focus();wind...

问如何在Safari/Chrome中从javascript打印IFrame
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Safari/Chrome中从javascript打印IFrameEN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何在Safari/Chrome中从javascript打印IFrame
EN