jsコントロールWeb印刷（部分印刷）メソッド配置_javascriptスキル-jsチュートリアル-php.cn

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

WBOY

リリース： 2016-05-16 17:33:08

オリジナル

2057 人が閲覧しました

最初に 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()">