HTML
<div id="printDiv">
<!-- content Here -->
</div>
<input type="button" value="Print" onclick="printDiv()"/>
JQuery的
function printDiv()
{
$("#printDiv").print();
}
这是使用Mozilla Firefox时的特定div,但在使用IE(版本10)时,它会打印整个页面。
我正在使用这个jQuery插件。
jQuery.print.js
请帮帮我。
答案 0 :(得分:4)
你可以在没有插件的情况下完成。我不知道该插件是否正在做一些额外的事情。你必须编写一个自定义的js函数来只打印div而不是整个页面...
<强> HTML 强>
<div id="printDiv">
//content Here
</div>
<强> JS 强>
function customPrint(id) {
var cont = $('#'+id).html(),
pageCont = $('body').children();// Updated
/*Replace the page content with the div content that needs to be printed*/
$('body').html(cont);
/*Print function call*/
window.print();
/*Place the original page content back*/
$('body').html(pageCont);
}
customPrint("printDiv");
<强>更新强>
function customPrint(id) {
var cont = $('#'+id),
pageCont = $('body');
/*Hide the page content*/
pageCont.hide();
cont.show();
/*Print function call*/
window.print();
/*Display back the page content*/
pageCont.show();
}