本文介绍如何利用IE浏览器的WebBrowser控件简化网页打印过程，包括页面设置、预览及打印等功能，通过HTML代码示例展示了控件的使用方法。
我们知道，web中打印并不容易。
但是利用IE浏览器自带的 Web Browser控件，我们可以轻松地做到控制打印页面设置，包括横向，纵向排列，打印预览等。
调用该控件很简单，只需要在html代码中加入如下语句即可：
<object id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
</object>
下面我们给出具体代码：
<html><head> <title>Use WebBrowser For Print</title>
<style type="text/css">
.printArea p {}{
margin: 0 0; padding: 0px 0px 0px 0px;
} .printArea pre {}{ margin: 0 0; padding: 0px 0px 0px 0px; } .printButton {}{ border-left-color: #3300ff; border-bottom-color: #3300ff; border-top-style: inset; border-top-color: #3300ff; border-right-style: inset; border-left-style: inset; border-right-color: #3300ff; border-bottom-style: inset }
</style></head><body style="text-align: center"> <form id="form1"><object id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object> <div class="printArea"> <table> <tr> <td style="font-size: 10pt; width: 500px; text-indent: 8pt; text-align: center; height: 400px;"> <pre>这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! 这是要打印的内容! </pre> <p>这也是要打印的内容!</p> <p>这也是要打印的内容!</p> <p>这也是要打印的内容!</p> <p>这也是要打印的内容!</p> </td> </tr> <tr> <td style="text-align: center;"> <input id="btnPrint" class="printButton" onclick="document.all.WebBrowser.ExecWB(6,1);" type="button" value="Print"> <input id="btnPrintSetup" class="printButton" onclick="document.all.WebBrowser.ExecWB(8,1);" type="button" value="Page Setup" > <input id="btnPrintPreview" class="printButton" onclick="document.all.WebBrowser.ExecWB(7,1);" type="button" value="Print Preview"> </td> </tr></table></div></form></body></html>
扫一扫
1212
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
