调用ie内置打印组件完成web打印方案及例程(10.28)
重点:
<object id=webbrowser classid=clsid:8856f961-340a-11d0-a96b-00c04fd705a2 height=0 width=0 viewastext>
</object>
<input type=button value=打印 onclick="document.all.webbrowser.execwb(6,1)" class="noprint">
<input type=button value=直接打印 onclick="document.all.webbrowser.execwb(6,6)" class="noprint">
<input type=button value=页面设置 onclick="document.all.webbrowser.execwb(8,1)" class="noprint">
<input type=button value=打印预览 onclick="document.all.webbrowser.execwb(7,1)" class="noprint">
注意:
1、css对打印的控制:
<!–media=print 这个属性可以在打印时有效–>
<style media=print>
.noprint{display:none;}
.pagenext{page-break-after: always;}
</style>
noprint样式可以使页面上的打印按钮等不出现在打印页面上,这一点非常重要,因为它可以用最少的代码完成最需要的功能
pagenext样式可以设置分页,在需要分页的地方<div class="pagenext"></div>就ok了,呵呵
2、表格线粗细的设置,更是通过样式表:
<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;
border-collapse:collapse;
}
</style>
或者:
<style>
.tdcs1 {
border:solid windowtext 1.0pt;
}
.tdcs2 {
border:solid windowtext 1.0pt; border-left:none;
}
.tdcs3 {
border-top:none;
border-left:solid windowtext 1.0pt;
border-bottom:solid windowtext 1.0pt;
border-right:solid windowtext 1.0pt;
}
.tdcs4 {
border-top:none;
border-left:none;
border-bottom:solid windowtext 1.0pt;
border-right:solid windowtext 1.0pt;
}
.underline {
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-bottom-color: #000000;
}
</style>
