ホームページ > ウェブフロントエンド > jsチュートリアル > jsコントロールWeb印刷(部分印刷)メソッド配置_javascriptスキル

jsコントロールWeb印刷(部分印刷)メソッド配置_javascriptスキル

WBOY
リリース: 2016-05-16 17:33:08
オリジナル
2090 人が閲覧しました
最初に CSS スタイルを定義します:
コードをコピーします コードは次のとおりです:

@ media print {
.noprint { display: none;color:green }
}

印刷したくないコンテンツについては、class= を追加するだけです。ラベルへの noprint 印刷 現時点では、顧客にはページへの変更は表示されません。
印刷時に window.print() を呼び出します。

その他のいくつかの JS 部分印刷メソッド:
変更:
印刷時に、印刷する必要があるコンテンツを配置します。本文コンテンツ全体に置き換えます (印刷時に変更がユーザーに表示され、カスタマー エクスペリエンスはあまり良くありません)
コードをコピー コードは次のとおりです:

関数プレビュー(oper)
....{
if (oper bdhtml=window.document .body.innerHTML;//現在のページのHTMLコードを取得します
sprnstr="";//印刷開始領域を設定します
eprnstr="";//印刷終了領域を設定します
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr) 18); //開始コードを逆方向に
prnhtml=prnhtml .substring(0,prnhtml.indexOf(eprnstr));//終了コードから HTML を前方に取得します
window.document.body.innerHTML=prnhtml; ();
window.document .body.innerHTML=bdhtml
} else ......{
window.print();

ページの使い方はとても簡単です 印刷するコンテンツを中央に追加します
印刷ボタンを追加します onclick=プレビュー(1)
----- ------------------------------------
WebBrowser は IE の組み込みブラウザ コントロールであり、ユーザーがダウンロードする必要はありません (未テスト)
1. WebBrowser コントロール




コードをコピーします
2. WebBrowder コントロール メソッド



コードをコピーします
以下のように: //PrintWebBrowser1.ExecWB( 6,1);
//印刷設定
WebBrowser1.ExecWB(8,1); /印刷プレビュー
WebBrowser1.ExecWB(7,1);


このコンポーネントには次のような他の用途もあります:
WebBrowser.ExecWB(1,1) Open
Web.ExecWB(2,1) 現在の IE ウィンドウをすべて閉じて、新しいウィンドウを開きます
Web.ExecWB(4,1) Web ページを保存します
Web.ExecWB(6,1) 印刷
Web。 ExecWB(7,1) 印刷プレビュー
Web.ExecWB(8,1) ページの印刷 Set
Web.ExecWB(10,1) ページのプロパティを表示
Web.ExecWB(15,1) のようです
Web.ExecWB(17,1) すべて選択
Web.ExecWB(22,1) 更新
Web.ExecWB(45,1) フォームをサイレントに閉じます
ただし、印刷するとページ全体が印刷されます。場合によっては、データ テーブルを印刷するだけで済み、印刷したくない部分を非表示にする必要があります。
スタイルコンテンツ:




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

次に、次のスタイルを使用します。 🎜>

印刷する必要がない場合


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



コードをコピーします

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


🎜>< input type=button name=button_print value="印刷" class="noprint" onclick="javascript:printit()">



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