ホームページ > ウェブフロントエンド > jsチュートリアル > Web 上のさまざまなフロントエンド印刷方法: jquery 印刷プラグイン jqprint が Web ページの印刷を実現します_jquery

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

WBOY
リリース: 2016-05-16 17:44:02
オリジナル
2311 人が閲覧しました

私が知っている 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 スタイル ファイル
});
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート