ホームページ  >  記事  >  ウェブフロントエンド  >  Web印刷_JavaScriptスキルの各種メソッドと実装コードの紹介

Web印刷_JavaScriptスキルの各種メソッドと実装コードの紹介

WBOY
WBOYオリジナル
2016-05-16 17:44:051289ブラウズ

私が知っている水の印刷メソッドは次のとおりです:
1. JQuery プラグイン Jqprint 実装
2. Web ページ印刷を実装する JQery 印刷プラグイン PrintArea
3. CSS コントロール Web ページ印刷スタイル

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

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




プラグインには、



コードをコピーします。
コードは次のとおりです: { 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 にインポートされます。初めてメディア検索 = 印刷する場合、そうでない場合は、通常の CSS ファイルがインポートされます。


importCSS の例
:



コードをコピー
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。