Web 上のさまざまなフロントエンド印刷方法: jquery 印刷プラグイン jqprint が Web ページの印刷を実現します_jquery

私が知っている Web 印刷メソッドは次のとおりです:

1. JQuery プラグイン Jqprint 実装
2. Web ページ印刷を実装する JQery 印刷プラグイン PrintArea
3. CSS コントロール Web ページ印刷スタイル

JQuery プラグイン Jqprint 実装:
最初に js ファイルをインポートします:
jquery.jqprint.js ダウンロード

コードをコピーします コードは次のとおりです:

html コード:

コードをコピーします コードは次のとおりです。

🎜>印刷時に表示されます

印刷時に表示されません。

JavaScript コード:

コードをコピーします コードは次のとおりです。

プラグインには、次のような構成可能なパラメータも用意されています。

debug: false,//true の場合、iframe 表示効果は以下のようになります。表示されます (iframe のデフォルトの高さと幅は非常に小さく、ソース コードで増やすことができます)、デフォルトは false です。
importCSS: true、//true は元のページの CSS をインポートすることを意味し、デフォルトは true です。 (true の場合は、最初に $("link[media=print]") を探します。そうでない場合は、$("link") で CSS ファイルを探します)
printContainer: true, //元の選択範囲のオブジェクトを印刷に含める必要があるかどうかを意味します (注: false に設定すると、CSS ルールに違反する可能性があります)。
operaSupport: true//プラグインが Opera ブラウザもサポートする必要があることを示します。この場合、一時的な印刷タブの作成が提供されます。デフォルトは true
で、importCSS のみを使用します。元のページのリンクは iframe にインポートされます。初めて印刷するときは、メディア検索 = print を実行しますが、そうでない場合は、通常の CSS ファイルがインポートされます。


importCSS の例
:

コードをコピー コードは次のとおりです:

$('.my_show').jqprint({

importCSS://CSS スタイル ファイル
});