JS는 부분 선택 인쇄 및 부분 비선택 인쇄_javascript 기술을 구현합니다.

프로젝트의 필요에 따라 페이지에 인쇄할 내용을 선택합니다.

인쇄하려는 항목을 DIV 레이어로 감싸세요. 예:

코드 복사 코드는 다음과 같습니다.

<!-- 알림 청원 사항 양도 SingleStart --> <div style="width: 600px; margin:0 auto;">
<div style="float: right;margin-top: -40px;"> (통지번호: ${zjxfItemUser.acceptedNo })</div>
<div id="title" style="margin-top: 40px;" ><span>청원 전달 관련 공지< /span></div> ;
${zjxfItemUser.userName }: (청원자 이름)<br/>
       
<span id="itemVrbjTime"></span> , 이 기관(또는 단위) 귀하(또는 귀하)가 제출한 ${zjxfItemUser.subject} 청원은 법률에 따라 승인되었습니다.
청원 사항은 관련 조항에 따라 XXX의 권한 범위에 속합니다. "청원 규정"에 따라 이 기관은 이미 관련 자료를 XX 처리를 위해 XXX로 전송할 예정입니다. 제때에 그에게 연락하시기 바랍니다. <br/>
이를 알려드립니다. <br />
<div style="margin-top:50px;margin-right: 20px;float: right;"> (${zjxfProcessOver.subOrgname} 특수 도장 또는 공식 도장이 찍혀 있음)&lt ;/ div>
<div style="margin-top:90px;margin-right: -190px;float: right;"><span id="itemVrbjEndTime"></span>< /div>
</div>
<!-- 편지 및 전화 전송 종료 안내 -->


인쇄 불가 중간에 필요하며 DIV 레이어에도 포함됩니다. CSS 스타일을 활용하세요. 인쇄할 필요가 없는 레이어의 class="noprint"를 참조하면 됩니다

코드 복사 코드는 다음과 같습니다. <style type="text/css" media="print">

.noprint{visibility: none;}

</style> >
JS 코드:

참고: 인쇄를 선택하면 스타일이 손실됩니다. 인쇄하기 전에 인쇄물을 추가해야 합니다.

코드 복사

코드는 다음과 같습니다. $(function(){ $("#print").click(function(){

var html = window.document.body.innerHTML;

exportCSS("itemVrbjForm",html);

})

//선택한 인쇄로 스타일 가져오기
function importCSS(formName,htmlInfo){
var CSS = "<link href="" baseURL "/zjxf /common /css/common.css" type="text/css" rel="stylesheet" /> "
"<link href="" baseURL "/zjxf/common/css/table.css" 유형 =" text/css" rel="stylesheet" /> "
"<link href="" baseURL "/zjxf/common/css/form.css" type="text/css" rel="스타일시트 " / >"
"<link href="" baseURL "/zjxf/common/css/tab.css" type="text/css" rel="stylesheet" />" ;link href="" baseURL "/zjxf/common/css/print.css" type="text/css" rel="stylesheet" />" ;
$(CSS).appendTo("#" formName );
window.document.body.innerHTML = $("#" formName).html();
window.print()
window.document.body.innerHTML =
}

})


이렇게 하면 부분 선택 인쇄와 부분 비선택 인쇄가 모두 가능합니다.