JS实现局部选择打印和局部不选择打印_javascript技巧-js教程-PHP中文网

由于项目的需要在一个页面中选择打印内容。

把自己要打印的东西用一个DIV层抱起来。例如：

（告知单编号：${zjxfItemUser.acceptedNo }）

信访事项转办告知单

${zjxfItemUser.userName }：（信访人名称）

，本机关（或单位）依法受理了你（或你们）提出的${zjxfItemUser.subject }信访事项， 
该信访事项属于XXX职权范围内的事项，根据《信访条例》的有关规定，本机关已于XXXX年XX月XX日将有关材料转交给XXX处理，请及时与其联系。

         特此告知。

（盖${zjxfProcessOver.subOrgname }专用章或公章）

中间有不需要打印了，也用一个DIV层包含起来。利用CSS样式中的。在不需要打印的层中引用class="noprint"就搞定了

复制代码代码如下:

JS代码:

注意:在选择打印的时候样式会丢失,需要在打印之前加上你的打印即可。

复制代码代码如下:

 
$(function(){ 

$("#print").click(function(){ 

var html = window.document.body.innerHTML; 

exportCSS("itemVrbjForm",html); 

}); 

//导入样式到选择打印中 
function exportCSS(formName,htmlInfo){ 
var CSS = " " + 
" " + 
"" + 
"" + 
"" ; 
$(CSS).appendTo("#" + formName); 
window.document.body.innerHTML = $("#" + formName).html(); 
window.print(); 
window.document.body.innerHTML = htmlInfo; 
} 

}); 