600字范文,内容丰富有趣,生活中的好帮手!
600字范文 > JS 调用打印机 打印HTML中的部分内容

JS 调用打印机 打印HTML中的部分内容

时间:2018-11-13 05:08:52

相关推荐

JS 调用打印机 打印HTML中的部分内容

如何在页面上调用打印机!!!

要打印的内容:JSP上的一个<DIV></DIV>,

打印按钮:

打印按钮的方法:

$(function(){

$('#checkin_div').click(function(){

$('#dvData').printArea();

});

if('${error}' != ''){

alert('${error}');

}

});

调用打印机打印方法:该方法是封装在js文件中的【该打印方法是借鉴的!忘记出处。。。】

// JavaScript Document

(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);

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。