一個(gè)不錯(cuò)的html 打印代碼支持翻頁(yè)

字號(hào):


    ylbtech_html_print
    html打印代碼,支持翻頁(yè)
    代碼如下:
    <html>
    <head>
    <meta name=vs_targetschema content=>
    <title>看看</title>
    <meta http-equiv=content-type content=text/html; charset=gb2312>
    <!--media=print 這個(gè)屬性可以在打印時(shí)有效-->
    <style media=print>
    .noprint{display:none;}
    .pagenext{page-break-after: always;}
    </style>
    <style>
    .tdp
    {
    border-bottom: 1 solid #000000;
    border-left: 1 solid #000000;
    border-right: 0 solid #ffffff;
    border-top: 0 solid #ffffff;
    }
    .tabp
    {
    border-color: #000000 #000000 #000000 #000000;
    border-style: solid;
    border-top-width: 2px;
    border-right-width: 2px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    }
    .noprint {
    font-family: 宋體;
    font-size: 9pt;
    }
    </style>
    </head>
    <body >
    <center class=noprint >
    <p>
    <object id=webbrowser classid=clsid:8856f961-340a-11d0-a96b-00c04fd705a2 height=0 width=0>
    </object>
    <input type=button value=打印 onclick=document.all.webbrowser.execwb(6,1)>
    <input type=button value=直接打印 onclick=document.all.webbrowser.execwb(6,6)>
    <input type=button value=頁(yè)面設(shè)置 onclick=document.all.webbrowser.execwb(8,1)>
    </p>
    <p> <input type=button value=打印預(yù)覽 onclick=document.all.webbrowser.execwb(7,1)>
    <br/>
    </p>
    <hr width=90% size=1 noshade>
    </center>
    <table width=90% border=0 cellpadding=2 cellspacing=0 class=tabp>
    <tr>
    <td colspan=3 class=tdp>第1頁(yè)</td>
    </tr>
    <tr>
    <td width=29% class=tdp>&nbsp;</td>
    <td width=28% class=tdp>&nbsp;</td>
    <td width=43% class=tdp>&nbsp;</td>
    </tr>
    <tr>
    <td colspan=3 class=tdp>&nbsp;</td>
    </tr>
    <tr>
    <td colspan=3 class=tdp><table width=100% border=0 cellspacing=0 cellpadding=0>
    <tr>
    <td width=50% class=tdp><p>這樣的報(bào)表</p>
    <p>對(duì)一般的要求就夠了。</p></td>
    <td>&nbsp;</td>
    </tr>
    </table></td>
    </tr>
    </table>
    <hr width=90% size=1 noshade class=noprint >
    <!--分頁(yè)-->
    <div class=pagenext></div>
    <table width=90% border=0 cellpadding=2 cellspacing=0 class=tabp>
    <tr>
    <td class=tdp>第2頁(yè)</td>
    </tr>
    <tr>
    <td class=tdp>看到分頁(yè)了吧</td>
    </tr>
    <tr>
    <td class=tdp>&nbsp;</td>
    </tr>
    <tr>
    <td class=tdp>&nbsp;</td>
    </tr>
    <tr>
    <td class=tdp><table width=100% border=0 cellspacing=0 cellpadding=0>
    <tr>
    <td width=50% class=tdp><p>這樣的報(bào)表</p>
    <p>對(duì)一般的要求就夠了。</p></td>
    <td>&nbsp;</td>
    </tr>
    </table></td>
    </tr>
    </table>
    <hr width=90% size=1 noshade class=noprint >
    <div class=pagenext></div>
    <table width=90% border=0 cellpadding=2 cellspacing=0 class=tabp>
    <tr>
    <td class=tdp>第3頁(yè)</td>
    </tr>
    <tr>
    <td class=tdp>看到分頁(yè)了吧</td>
    </tr>
    <tr>
    <td class=tdp>&nbsp;</td>
    </tr>
    <tr>
    <td class=tdp>&nbsp;</td>
    </tr>
    <tr>
    <td class=tdp><table width=100% border=0 cellspacing=0 cellpadding=0>
    <tr>
    <td width=50% class=tdp><p>這樣的報(bào)表</p>
    <p>對(duì)一般的要求就夠了。</p></td>
    <td>&nbsp;</td>
    </tr>
    </table></td>
    </tr>
    </table>
    </body>
    </html>