web打印实现几种方法
2014-11-30 12:42
411 查看
在工作中出现web打印的情况是非常多的,其实这也是一个比较烦人的问题,这篇博客整理一下关于Web打印的一些方法或者方式。
1. window.print()
这个方法是用来打印网页的,页面上的其他的元素也会被打印处理,在打印的时候页眉页脚是不太好控制的。
所以如果使用这种方法的话最好将结果放到两个注释中间,之后通过JS来实现打印区域的功能。
特别注意:使用window.print方法是不能够打印IE浏览器中的移动或者旋转的动画的,但是在非IE浏览器中是可以支持的。
2. DLPrinter控件
DLPrinter打印控件完全免费,界面大方、使用简单、但无签名,支持打印预览、直接打印,可设置页眉、页脚、页边距、打印份数、纸张大小等信息。
这个控件的下载地址为:http://files.cnblogs.com/panshenglu/DLPrinter.rar
调用方法:
3. Lodop
对于这个打印控件,用一个词来形容:强大!不仅调用方便,而且功能比你想像中要强大得多。强烈推荐使用。
下载地址:http://www.lodop.net/
推荐去官网中的功能演示来学习一下这个打印空间。
4. Jquery打印
下面一个是用Jquery框架写的一个web打印控件的功能。
代码如下:
其实关于打印控件还有很多,找到自己最合适的才是硬道理,如果还有更多的web打印实现方法,可以给我留言。
1. window.print()
这个方法是用来打印网页的,页面上的其他的元素也会被打印处理,在打印的时候页眉页脚是不太好控制的。
所以如果使用这种方法的话最好将结果放到两个注释中间,之后通过JS来实现打印区域的功能。
具体做法: <!--startprint--> <div align="center"> <!--省略部分代码--> </div> <!--endprint--> bdhtml=window.document.body.innerHTML; sprnstr="<!--startprint-->"; eprnstr="<!--endprint-->"; prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); window.document.body.innerHTML=prnhtml; window.print();
特别注意:使用window.print方法是不能够打印IE浏览器中的移动或者旋转的动画的,但是在非IE浏览器中是可以支持的。
2. DLPrinter控件
DLPrinter打印控件完全免费,界面大方、使用简单、但无签名,支持打印预览、直接打印,可设置页眉、页脚、页边距、打印份数、纸张大小等信息。
这个控件的下载地址为:http://files.cnblogs.com/panshenglu/DLPrinter.rar
调用方法:
<OBJECT ID="DLPrinter" CLASSID="CLSID:5C230622-45E5-4e3c-893C-3BFDDC4DB5E4" codebase="DLPrinter.cab" height="0" width="0" ></OBJECT> <script> DLPrinter.MarginLeft=20; DLPrinter.MarginRight=20; DLPrinter.MarginTop=20; DLPrinter.MarginBottom=20; DLPrinter.CopyCount=2; DLPrinter.PageHeader="这是测试的页眉"; DLPrinter.PageFooter="这是测试的页脚"; DLPrinter.IsLandScape=1; DLPrinter.ContentURL="www.baidu.com"; </script> <input type="button" id="btnPrint" value="Print Preview" onclick="DLPrinter.PrintPreview()" /> <input type="button" id="btnPrint" value="Print with prompt" onclick="DLPrinter.Print()" /> <input type="button" id="btnPrint" value="Print without prompt" onclick="DLPrinter.PrintDirect()" />
3. Lodop
对于这个打印控件,用一个词来形容:强大!不仅调用方便,而且功能比你想像中要强大得多。强烈推荐使用。
下载地址:http://www.lodop.net/
推荐去官网中的功能演示来学习一下这个打印空间。
4. Jquery打印
下面一个是用Jquery框架写的一个web打印控件的功能。
代码如下:
(function ($) { var printAreaCount = 0; $.fn.printArea = function () { var ele = $(this); var idPrefix = "printArea_"; removePrintArea(idPrefix + printAreaCount); printAreaCount++; var iframeId = idPrefix + printAreaCount; var iframeStyle = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;'; iframe = document.createElement('IFRAME'); $(iframe).attr({ style: iframeStyle, id: iframeId }); document.body.appendChild(iframe); var doc = iframe.contentWindow.document; $(document).find("link").filter(function () { return $(this).attr("rel").toLowerCase() == "stylesheet"; }).each( function () { doc.write('<link type="text/css" rel="stylesheet" href="' + $(this).attr("href") + '" >'); }); doc.write('<div class="' + $(ele).attr("class") + '">' + $(ele).html() + '</div>'); doc.close(); var frameWindow = iframe.contentWindow; frameWindow.close(); frameWindow.focus(); frameWindow.print(); } var removePrintArea = function (id) { $("iframe#" + id).remove(); }; })(jQuery); <input type="button" id="btnPrint" value="打印"/> <div id="printContent">要打印的内容区域<div> <script type="text/javascript"> $(function(){ $("#btnPrint").click(function(){ $("#printContent").printArea(); }); }); </script>
其实关于打印控件还有很多,找到自己最合适的才是硬道理,如果还有更多的web打印实现方法,可以给我留言。
相关文章推荐
- 巧用FileSystem组件实现WEB应用中的本地特定打印的方法
- 关于web中下拉列表的几种实现方法
- web 打印,web打印控件的三种实现方法
- UNIX下实现终端打印的几种方法
- 基于ASP.NET 2.0 实现WEB打印方法的探讨
- Web打印的实现方法
- web打印实现方案 Lodop6.034 使用方法总结
- 关于web中下拉列表的几种实现方法
- Html:实现WEB打印最好的方法
- WEB打印的实现方法 VBScript
- UNIX下实现终端打印的几种方法
- Web打印的实现方法
- Web打印的实现方法
- 关于web中下拉列表的几种实现方法
- 实现web页面无刷新操作的几种方法
- Web打印的实现方法
- Web打印的实现方法
- Web服务的几种实现方法
- web打印的几种方法
- 基于ASP.NET 2.0 实现WEB打印方法的探讨