jqprint プラグインを使用してページの印刷を完了する_html/css_WEB-ITnose

jqprint プラグインを使用してページ印刷を完了します

jqprint は、jquery に基づいたページ印刷用の小さなプラグインですが、このプラグインが本当に強力であることは認めざるを得ません。 Web 印刷の観点から言えば、フロントエンドの印刷は基本的に window.print() に依存しており、このプラグインはそれに基づいてさらにカプセル化されており、Web ページ上の特定の領域を印刷できます。これはハイライトです。たとえば、次の効果を今すぐ印刷したい場合:

コードを記述して上記の効果を完成させ、Web ページ上のボタンをクリックし、ボタンの処理メソッドで jqprint() を呼び出してこれを完了します。領域を印刷して表示するには、以下に示すように、まず領域を取得してからメソッドを呼び出す必要があります:

$("#visaReport").jqprint({});

これは単純な操作ですが、実際に必要な場合、ページが表示されることがあります。スタイルは多少異なります。幸いなことに、CSS 宣言では、その出力メソッドを print (つまり、media=print 属性) として指定できます。一部のスタイルは、印刷時にのみ有効になります。 . 印刷時にスタイルを使用して、現在の Web ページの表示内容や表示スタイルを変更できます。まずはコードを見てみましょう！

すごいです

Web ページのページのスタイルは次のようになります:

印刷された効果は、確かに最初の画像のスタイルです。これは属性 media=print を指定した後のものです。印刷時に設定したCSSファイルが読み込まれます。以下に示すように:

rrree

jqprint このプラグインは、Web ページの印刷に関する開発上の問題のほとんどを解決でき、印刷スタイルも制御可能です。場合によっては、目的の効果を達成するためにいくつかの属性を指定する必要があります。デフォルトは次の 4 つの属性です:

                                                                                                                $(function()                     {                            $("#btn1").click(function()                            {                                   $("#visaReport").jqprint({});                            });                     });                                                                                                          XX中心