您的位置：首页 > Web前端 > HTML

HTML中利用WebBrowser控件进行打印页面的控制

2009-07-14 14:47 435 查看
我们知道，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>
</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>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航