`
zhy584520
  • 浏览: 181095 次
  • 性别: Icon_minigender_1
  • 来自: 广州
社区版块
存档分类
最新评论

利用document.all.WebBrowser.ExecWB做打印功能,并使用css样式@media print控制打印区域

CSS 
阅读更多

         最近客户要求做一个打印功能,本想在直接用window.print();直接打印出来,感觉不是很满意。于是发现利用active控件打印还是不错。现将源码附上,以供以后项目参考。相信大家一家源码就明白了,相当简单,我在这里就不多废话了。

         css控制打印区域代码如下所示:

<style>  
@media print {
.noprint { 
display: none 
}
}
</style> 
 
这里是打需要打印的内容.<span class="noprint">我只显示不打印哦,很神奇吧。哈哈</span>
<div class="noprint" >
<table style="margin:0 auto;width:500px;">
	<tr align="center" ><td>
	  <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(8,1)">
<input type="button" value="直接打印" onclick="document.all.WebBrowser.ExecWB(6,6)">
  <input type="button" value="打印预览" onclick="document.all.WebBrowser.ExecWB(7,1)">
	</td></tr>
</table></div>
 
分享到:
评论
3 楼 wenjie4892543 2014-01-24  
写的好。。。
2 楼 zhy584520 2011-12-21  
有横向打印
sxm2017 写道
不错,就是没有横向打印

可以打开设置让客户选,这样比较人性化点。
1 楼 sxm2017 2011-12-19  
不错,就是没有横向打印

相关推荐

Global site tag (gtag.js) - Google Analytics