js、jquery印刷

3862 ワード

1つ目の方法:

スタイルでコントロールできます.その印刷をしたいなら印刷してください.スタイルは以下の通りです.

次にスタイルを使用します.

印刷不要な場所


2つ目の方法:

123


var   op   =   window.open();
op.document.writeln(a.outerHTML);
op.document.writeln( ' window.print() <\/script> ');

3つ目の方法:
WebBrowserはIEに内蔵されたブラウザコントロールで、ユーザーがダウンロードする必要はありません.
一、WebBrowserコントロール
  
二、WebBrowderコントロールの方法
//印刷
WebBrowser1.ExecWB(6,1);
//印刷設定
WebBrowser1.ExecWB(8,1);
//印刷プレビュー
WebBrowser1.ExecWB(7,1);
このコンポーネントについては、他にも次のような使い方があります.
WebBrowser.ExecWB(1,1)オン
Web.ExecWB(2,1)は現在のすべてのIEウィンドウを閉じ、新しいウィンドウを開く
Web.ExecWB(4,1)Webページの保存
Web.ExecWB(6,1)印刷
Web.ExecWB(7,1)印刷プレビュー
Web.ExecWB(8,1)印刷ページ設定
Web.ExecWB(10,1)ページ属性の表示
Web.ExecWB(15,1)は取り消しのようで確認待ち
Web.ExecWB(17,1)全選
Web.ExecWB(22,1)リフレッシュ
Web.ExecWB(45,1)フォームを閉じるヒントなし
しかし、印刷はページ全体を印刷します.ページの中に何かがあれば印刷します.私たちは时にはデータテーブルを印刷するだけです.この时、私たちはスタイルを書きます.印刷したくない部分を隠します.
スタイルの内容:

次にスタイルを使用します.

印刷不要な場所


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

function printsetup()...{
//印刷ページ設定
wb.execwb(8,1);
}
function printpreview()...{
//印刷ページプレビュー
wb.execwb(7,1);
}
function printit()
...{
if(confirm('印刷OK?')...{
wb.execwb(6,6)
}
}





==================================================================
Jquery印刷
実装手順
1)2つのjsファイルを参照
2)印刷領域を定義するdiv,印刷ボタン
3)印刷ボタンに印刷イベントをバインドする
    <%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>  
    <%@ page import="java.util.*"%>  
    <html>  
        <head>  
            <title></title>  
        </head>  
        <script type="text/javascript" src="jquery-1.4.3.js"></script>  
        <script type="text/javascript" src="jquery.PrintArea.js"></script>  
        <body>  
            <input id="btnPrint" type="button" value="  "/>  
            <div id="myPrintArea">  
                ====    ====  
            </div>  
        </body>  
        <script type="text/javascript">  
            $(function(){  
                //    
                $("#btnPrint").bind("click",function(event){  
                    $("#myPrintArea").printArea();  
                });  
            });  
        </script>  
    </html>  

原文:
http://www.cnblogs.com/weihai2003/archive/2009/01/06/1370127.html