首页 > 代码库 > 局部打印插件 jquery.PrintArea.js
局部打印插件 jquery.PrintArea.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="http://www.mamicode.com/‘"color: rgb(0, 0, 255);">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="http://www.mamicode.com/打印"/> <div id="printContent">要打印的内容区域<div> <script type="text/javascript"> $(function(){ $("btnPrint").click(function(){ $("printContent").printArea(); }); }); </script>
原文:http://www.cnblogs.com/beijia/archive/2012/07/09/printArea.html
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。