特定の DIV のコンテンツを異なるブラウザーで印刷するにはどうすればよいですか?-jsチュートリアル-php.cn

特定の DIV のコンテンツを異なるブラウザーで印刷するにはどうすればよいですか?

DDD

リリース： 2024-12-18 03:41:10

オリジナル

902 人が閲覧しました

How to Print a Specific DIV's Content Across Different Browsers?

DIV の内容を印刷する方法

特定の DIV 要素の内容を印刷すると、PDF レポートの作成や Web の保存に役立ちます。コンテンツ。このタスクを実行するための推奨方法はブラウザによって異なります。

Chrome およびその他の最新ブラウザ

Chrome およびその他の最新ブラウザの現在のバージョンの場合、次のコードスニペット最良のアプローチを示します:

function PrintElem(elem) {
    var mywindow = window.open('', 'PRINT', 'height=400,width=600');

    mywindow.document.write('<html><head><title>' + document.title + '</title>');
    mywindow.document.write('</head><body >');
    mywindow.document.write('<h1>' + document.title + '</h1>');
    mywindow.document.write(document.getElementById(elem).innerHTML);
    mywindow.document.write('</body></html>');

    mywindow.document.close();
    mywindow.focus();

    mywindow.print();
    mywindow.close();

    return true;
}

ログイン後にコピー

この関数は新しいウィンドウを開き、指定された DIV の内容をそこに設定します。印刷プロセスをトリガーします。 Chrome の機能を最適化するために、以前のバージョンと比較して必要な変更が含まれています。

レガシーブラウザ

Internet Explorer 9 以前などの古いブラウザでは、別のアプローチが必要です。。次のコードスニペットは、これらのブラウザの印刷を処理します。

function PrintElem(elem) {
    ctrlKeyStr = "+";
    document.getElementById(elem).focus();
    document.getElementById(elem).print(+ctrlKeyStr);
}

ログイン後にコピー

この関数は、単純に DIV にフォーカスし、デフォルトのホットキーを使用して印刷機能をアクティブにします。デフォルトのホットキーはブラウザによって異なる場合があります。

Byこれらのテクニックを実装すると、さまざまなブラウザーで DIV 要素のコンテンツを効果的に印刷でき、ドキュメントの印刷ニーズを満たすことができます。

以上が特定の DIV のコンテンツを異なるブラウザーで印刷するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。