简体   繁体   English

在Javascript中使用iFrame进行跨浏览器打印

[英]Cross Browser Printing using iFrame in Javascript

I want to print using iFrame and javascript . 我想用iFramejavascript打印。 Below are my sample codes for the same: 以下是我的示例代码:

Javascript 使用Javascript

 function printDiv(divP) {

            window.frames["print_frame"].document.body.innerHTML = $(divP).html();
            window.frames["print_frame"].window.focus();
            window.frames["print_frame"].window.print();
        }

HTML HTML

<iframe name="print_frame" width="0" height="0" frameborder="0" src="about:blank">
        </iframe>

This Code is working in IE and Mozilla only. 本规范仅适用于IE和Mozilla。 Other Browsers are printing White pages. 其他浏览器正在打印白页。 I don't want to use the Media Queries . 我不想使用媒体查询 What could be the possible issue? 可能的问题是什么?

The solution : 解决方案 :

Few changes : document.write :( and open and close functions) + iframe 1px size.. 几个变化: document.write :(和打开和关闭功能)+ iframe 1px大小..

 function printDiv(divP) {
  window.frames["print_frame"].document.open();
  window.frames["print_frame"].document.write('<body>aaaaaaaa</body>');
  window.frames["print_frame"].document.close();
  window.frames["print_frame"].focus();
  window.frames["print_frame"].print();
        }

printDiv()

http://jsbin.com/eLIQAXU/4/quiet http://jsbin.com/eLIQAXU/4/quiet

this is working in FF , chrome,IE ,safari : 这适用于FF,chrome,IE,safari:

在此输入图像描述

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM