ホームページ >ウェブフロントエンド >jsチュートリアル >特定の DIV のコンテンツを異なるブラウザーで印刷するにはどうすればよいですか?
特定の DIV のコンテンツを異なるブラウザーで印刷するにはどうすればよいですか?
- DDDオリジナル
- 2024-12-18 03:41:10905ブラウズ
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 サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。