WEB页面打印代码汇总

 WEB打印大全

<OBJECT id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"

VIEWASTEXT>

</OBJECT>

 

然后就可以依次加入功能按钮了:

<input onclick="document.all.WebBrowser.ExecWB(6,1)" type="button" value="打印">

<input onclick="document.all.WebBrowser.ExecWB(6,6)" type="button" value="直接打印">

<input onclick="document.all.WebBrowser.ExecWB(8,1)" type="button" value="页面设置">

<input onclick="document.all.WebBrowser.ExecWB(7,1)" type="button" value="打印预览">

<INPUT type="button" value="关闭窗口"onclick="javascript:window.close()">

 

将这两块东西放到<center class=noprint></center>就不会打印这些按钮了。当然要定义noprint了:

 

<style media="print">.Noprint {}{ DISPLAY: none }</style>只要把不想打印的东西的css设置成noprint就可以了。

 

现在就实现了基本的web打印,需要注意的情况如下:

 

必须将ie的internet选项的安全设置中对于没有标记为安全的ActiveX控件进行设置成提示或者启用,否则会报错,导致不可用。

如果在vs.net编辑环境下编辑该页面,它经常自动的给object添加多余的参数,有了这些东西,打印就会出错,所以要记得最后保存的时候删除它们。

为了简便并且达到最好的效果,我们可以在一个页面实现编辑和打印,这时候会需要很多的textbox,我们把它的css设置成.edittext

{

overflow-y:visible;

width: 100%;

border-top: none;

border-right: none;

border-bottom: none;

border-left: none;

}就可以实现在打印的时候不显示边框和multiline的textbox不显示滚动条了。

 

还有一些小经验就是在设置标格宽度的时候,对于A4纸张,横打用920,竖打用640,效果最好。

 

关于这个组件还有其他的用法,列举如下:

WebBrowser.ExecWB(1,1) 打开

Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口

Web.ExecWB(4,1) 保存网页

Web.ExecWB(6,1) 打印

Web.ExecWB(7,1) 打印预览

Web.ExecWB(8,1) 打印页面设置

Web.ExecWB(10,1) 查看页面属性

Web.ExecWB(15,1) 好像是撤销,有待确认

Web.ExecWB(17,1) 全选

Web.ExecWB(22,1) 刷新

Web.ExecWB(45,1) 关闭窗体无提示

 

用WebBrowser组件打印页面内容例子

<!--

document.all.WebBrowser.ExecWB(6,6)

参数例表

 

4,1保存网页

4,2保存网页(对话框)

6,1直接打印

6,2直接打印

7,1打印预览

7,2打印预览

8,1选择参数,打印参数设置

8,2选择参数,打印参数设置

 

10,1查看页面属性

10,2查看页面属性

17,1全选

17,2全选

22,1重新载入当前页

22,2重新载入当前页

-->

 

<html>

<head>

<meta name=vs_targetSchema content="http://schemas.microsoft.com/intellisense/ie5">

<title>***WSOFT.NET***</title>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<!--media=print 这个属性可以在打印时有效-->

<style media=print>

.NOPRINT{display:none;}

.PageNext{page-break-after: always;}

</style>

<style>

body,td,th

{

font-size: 12px;

}

.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;

}

.NOPRINT {

font-family: "宋体";

font-size: 12px;

}

 

</style>

 

</head>

 

<body >

<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">

<br/>

<table width="90%" border="0" align="center" cellpadding="0" cellspacing="0">

<tr align="center">

<td colspan="5"><font size="3">北京市人民医院结帐费用报表</font></td>

</tr>

<tr>

<td>汇总人次 5</td>

<td>费用合计 15853.12</td>

<td>统计日期 </td>

<td>制表人 Super</td>

<td>制表日期:2005-03-08</td>

</tr>

</table>

 

 

<table width="90%" border="1" align="center" cellpadding="2" cellspacing="0" bordercolor="#000000"     class="tabp">

<tr>

<td      >姓名</td>

<td      >住院号</td>

<td      >科室</td>

<td      >结帐日期</td>

<td      >出院日期</td>

<td      >费用合计</td>

<td      >医保交易费用</td>

<td      >分类给付费用</td>

<td      >非医保交易费</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

 

</tr>

<tr>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

<td      >&nbsp;</td>

 

</tr>

</table>

<hr align="center" width="90%" size="1" noshade class="NOPRINT" >

<!--分页-->

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

<table width="90%" border="1" align="center" cellpadding="2" cellspacing="0" bordercolor="#000000"     class="tabp">

<tr>

<td >第2页</td>

</tr>

<tr>

<td >看到分页了吧</td>

</tr>

<tr>

<td >&nbsp;</td>

</tr>

<tr>

<td >&nbsp;</td>

</tr>

<tr>

<td ><table width="100%"     border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="50%" >这样的报表

对一般的要求就够了。</td>

<td>&nbsp;</td>

</tr>

</table></td>

</tr>

</table>

</body>

</html>

 

简单懂得 HTML CSS 即可。

下面样式只在打印时有用 <style media=print>

<style media=print>

.Noprint{display:none;}

.PageNext{page-break-after: always;}

</style>

 

WebBrowser 控件对象。只要是 win98 以上版本都有。

其实配合“分页样式表”,和 HTML表格 一般的打印都可以实现的。

 

如果想对 非Windows平台用户使用。

请去掉下面这些:

<center class="Noprint" >

<p>

<!--最主要是这个-->

<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(6,6)>

<input    type=button    value=页面设置    onclick=document.all.WebBrowser.ExecWB(8,1)>

</p>

<p>      <input    type=button    value=打印预览    onclick=document.all.WebBrowser.ExecWB(7,1)>

<br/>

</p>

<hr align="center" width="90%" size="1" noshade>

</center>

 

//也许有些地方大家不太明白我解释一下其实很简单

。。。。。。。。。。。。。。。。。。

<!--media=print只有在打印中    有效-->

<style media=print>

 

<!--display:none 隐藏加上,上面的 media=print 就是在打印时隐藏-->

.Noprint{display:none;}

 

<!--分页-->

.PageNext{page-break-after: always;}

 

</style>

 

.......

<!--网页中分页-->

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

 

在print控制打印的时候,要控制打印方向可使用:printer.Orientation    =1是横打     printer.Orientation    =2是纵打

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值