首页 > Web开发 > 详细

JS 打印指定区域的功能

时间:2019-08-13 21:05:53      阅读:92      评论:0      收藏:0      [点我收藏+]
(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;
doc.open();
$(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);

$(".LoginBody").printArea();

JS 打印指定区域的功能

原文:https://www.cnblogs.com/xieyongbin/p/11347023.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!