JS實作局部選擇列印與局部不選擇列印_javascript技巧

由於項目的需要在一個頁面中選擇列印內容。

把自己要列印的東西用一個DIV層抱起來。例如：

複製代碼 代碼如下:

（告知單編號：${zjxfItemUser.acceptedNo }）

信訪事項轉辦告知單

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

        
，本機關（或單位）依法受理了你（或你們）提出的${zjxfItemUser.subject } 信訪事項，
該信訪事項屬於XXX職權範圍內的事項，根據《信訪條例》的相關規定，本機關已於XXXX年XX月XX日將有關材料轉交給XXX處理，請及時與其聯繫。

         特此告知。

（蓋${zjxfProcessOver.subOrgname }專用章或公章）

中間有不需要列印了，也用一個DIV層包含起來。利用CSS樣式中的。在不需要列印的圖層中引用class="noprint"就搞定了

複製程式碼 程式碼如下:

JS程式碼:

注意:在選擇列印的時候樣式會遺失,需要在列印之前加上你的列印即可。

複製程式碼 程式碼如下:

$(function(){


$(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;
}

});
這樣既可以實現局部選擇列印和局部不選擇列印