利用IE自带打印

来源:互联网 发布:第一届大数据教育论坛 编辑:程序博客网 时间:2024/04/30 11:48
IE中HTML打印时实现每页都有的表头和打印分页
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><title>无标题文档</title><style>@media print{INPUT {display:none}}</style></head><body><TABLE border="0" style="font-size:9pt;" width="300px" align="center"><THEAD style="display:table-header-group;font-weight:bold"><TR><TD colspan="2" align="center" style="font-weight:bold;border:3px double red">每页都有的表头</TD></TR></THEAD><TBODY style="text-align:center""><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR><TD>表格内容</TD><TD>表格内容</TD></TR><TR style="page-break-after:always;"><TD>表格内容</TD><TD>表格内容</TD></TR></TBODY><TFOOT style="display:table-footer-group;font-weight:bold"><TR><TD colspan="2" align="center" style="font-weight:bold;border:3px double blue">每页都有的表尾</TD></TR></TFOOT></TABLE><input type=button value=" 打 印 " onclick=javascript:window.print()></body></html>
 
重点是里面的css设定。
 
转自:http://www.myexception.cn/HTML-CSS/852437.html
 
 

JavaScript

局部打印

 

 

1

 

JavaScript

局部打印

 

 

<input id="btnPrint" type="button" value="

打印

" onclick="javascript:window.print();" /> 

可以用样式控制,你想让那块打印就打印啊,样式如下:

 

<style type="text/css" media=print> 

.noprint{display : none } 

</style> 

然后使用样式就可以:

 

<p class="noprint">

不需要打印的地方

</p> 

 

2

 

组件法

 

 

WebBrowser

IE

内置的浏览器控件,无需用户下载

一、

WebBrowser

控件

 

<object ID='WebBrowser' WIDTH=0 HEIGHT=0 

CLASSID='CLSID:8856F961-340A-11D0-A96B-00C04FD705A2'></object> 

二、

WebBrowder

控件的方法

 

//

打印

 

WebBrowser1.ExecWB(6,1); 

//

打印设置

 

WebBrowser1.ExecWB(8,1); 

//

打印预览

 

WebBrowser1.ExecWB(7,1); 

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

 

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) 

关闭窗体无提示

 

但是打印是会把整个页面都打印出来的

,

页面里面有什么东西就打印出来

,

我们有时候只需要

打印数据表格

,

这时我们就要写一个样式了

:

把不想打印的部份隐藏起来:

 

样式内容:

 

<style type="text/css" media=print> 

.noprint{display : none } 

</style> 

 

使用很简单

 

将页面内要打印的内容加入中间

<!--startprint1-->XXXXX<!--endprint1--> 

再加个打印按纽

 

onclick=preview(1) 

原创粉丝点击