javascript - Safari/Chrome で JavaScript から IFrame を印刷するにはどうすればよいですか

Question

Safari/Chrome で JavaScript を呼び出して IFrame の内容を印刷する方法を教えてください。

これはFirefoxで機能します：

$('#' + id)[0].focus();
$('#' + id)[0].contentWindow.print();

これはIEで機能します：

window.frames[id].focus();
window.frames[id].print();

しかし、Safari/Chrome では何も動作しません。

ありがとう

アンドリュー

Answer 1

これが私の完全なクロスブラウザソリューションです。

iframe ページで:

function printPage() { print(); }

メインページで

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

    iframe.focus();
    ifWin.printPage();
    return false;
}

更新: この問題が発生してからリリースされた IE のバージョンでは、多くの人がこれに問題を抱えているようです。今はこれを再調査する時間はありませんが、行き詰まっている場合は、このスレッド全体のすべてのコメントを読むことをお勧めします!

Answer 2

印刷関数をiframeに配置し、親から呼び出します。

iframe：

function printMe() {
  window.print()
}

親：

document.frame1.printMe()

Answer 3

Andrew のスクリプトを使用しましたが、printPage() 関数が呼び出される前にピースを追加しました。iframe にはフォーカスが必要です。そうしないと、IE で親フレームが印刷されます。

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

これを書いたのは Andrew でした。微調整しました= P

Answer 4

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:

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

Answer 5

firefoxを使用しますが、firefox で iframe を使用するためwindow.frames、プロパティも追加しますname

いいえ:

window.frames[id]

ファイアフォックス:

window.frames[name]

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

Answer 6

注意すべきことの 1 つは、file:/// を使用してこれをローカルでテストしている場合、iframe の関数が未定義として表示されるため、chrome では機能しないことです。ただし、Webサーバー上では機能します。

Answer 7

IE8 で作成するために、いくつかの変更を加える必要がありました (他の IE フレーバーではテストしませんでした)。

1) document.frames[param] は ID ではなく数字を受け入れるようです

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;
}

2）ページの読み込み時に印刷ダイアログが表示され、「ここをクリックして印刷を開始する」へのリンクもありました（自動的に開始されなかった場合）。それを機能させるために、 focus() 呼び出しを追加する必要がありました

<script type="text/javascript">
  $(function(){
    printPage();
  });

  function printPage()
  {
    focus();
    print();
  }
</script>

Answer 8

使用することもできます

top.iframeName.print();

また

parent.iframeName.print();

Answer 9

使用できます

parent.frames['id'].print();

クロムで働こう！

Answer 10

これを使って：

window.onload = setTimeout("window.print()", 1000);