web页面打印指定区域
来源:互联网 发布:office苹果mac破解版 编辑:程序博客网 时间:2024/04/30 14:48
Web局部打印插件jquery.PrintArea.js
js代码如下:
(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);
调用方法如下:
<html> <head> <title></title> <!--调用的时候引入jquery--> <script type="text/javascript"> $(document).ready(function(){ $("#btnprint").click(function(){ $("#printarea").printArea(); }); }); </script> </head> <body> <input type="button" value="打印" id="btnprint" /> <div id="printarea"> 要打印的区域 </div> </body></html>
转载自:http://www.cnblogs.com/beijia/archive/2012/07/09/printArea.html
- web页面打印指定区域
- 打印web页面的指定区域
- web页面实现指定区域打印功能
- 打印页面指定区域
- vWebPrint打印页面指定区域
- WEB页面打印--打印指定区域,页面预览,页面设置
- web打印网页指定区域
- javascript实现页面指定区域打印
- window.print 打印页面指定区域
- js打印页面指定区域内容
- 打印web页面,让指定区域里的内容不会分页显示。
- 实现Web区域打印页面内容
- 点击打印指定区域
- js打印指定区域
- javascript实现web页面中指定区域打印
- js灵活打印web页面区域内容的通用方法
- WEB区域打印
- web 区域打印
- mysql mysqldump数据备份和增量备份
- error点滴
- Matlab中处理日期与时间的函数详解
- Android学习篇章2-Drop雨滴效果
- texi格式文件
- web页面打印指定区域
- mysql-5.5.28源码安装过程中错误总结
- 黑马程序员_面向对象下
- 熬之滴水成石:最想深入了解的内容--windows内核机制(3)
- AJAX jQuery tab选项卡
- 埋怨是心靈的癌症
- Android.mk的用法和基础
- ubuntu安装hadoop注意(datenode连不上namenode)
- exp脚本中的报错:': not a valid identifier: export: `