调用IE内置打印组件完成web打印方案及例程

重点:

1<object classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="WebBrowser" viewastext="" width="0">
2</object>
1<input class="NOPRINT" onclick="document.all.WebBrowser.ExecWB(6,1)" type="button" value="打印"/>
1<input class="NOPRINT" onclick="document.all.WebBrowser.ExecWB(6,6)" type="button" value="直接打印"/>
1<input class="NOPRINT" onclick="document.all.WebBrowser.ExecWB(8,1)" type="button" value="页面设置"/>
1<input class="NOPRINT" onclick="document.all.WebBrowser.ExecWB(7,1)" type="button" value="打印预览"/>

注意:
1、CSS对打印的控制:

1<style media="print">   
2.Noprint{display:none;}   
3.PageNext{page-break-after: always;}   
4</style>

Noprint样式可以使页面上的打印按钮等不出现在打印页面上,这一点非常重要,因为它可以用最少的代码完成最需要的功能

PageNext样式可以设置分页,在需要分页的地方

1<div class="PageNext"></div>

就OK了,呵呵

2、表格线粗细的设置,更是通过样式表:

 1<style>   
 2.tdp   
 3{   
 4border-bottom: 1 solid #000000;   
 5border-left: 1 solid #000000;   
 6border-right: 0 solid #ffffff;   
 7border-top: 0 solid #ffffff;   
 8}   
 9.tabp   
10{   
11border-color: #000000; 
12
13border-collapse:collapse;   
14}   
15</style>

或者:

 1<style>   
 2.TdCs1 {   
 3border:solid windowtext 1.0pt;   
 4}   
 5.TdCs2 {   
 6border:solid windowtext 1.0pt; border-left:none;   
 7}   
 8.TdCs3 {   
 9border-top:none;   
10border-left:solid windowtext 1.0pt;   
11border-bottom:solid windowtext 1.0pt;   
12border-right:solid windowtext 1.0pt;   
13}   
14.TdCs4 {   
15border-top:none;   
16border-left:none;   
17border-bottom:solid windowtext 1.0pt;   
18border-right:solid windowtext 1.0pt;   
19}   
20.underline {   
21border-top-style: none;   
22border-right-style: none;   
23border-bottom-style: solid;   
24border-left-style: none;   
25border-bottom-color: #000000;   
26}   
27</style>
Published At
Categories with Web编程
Tagged with
comments powered by Disqus