>  기사  >  웹 프론트엔드  >  JS는 부분 선택 인쇄 및 부분 비선택 인쇄_javascript 기술을 구현합니다.

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

WBOY
WBOY원래의
2016-05-16 16:53:271534검색

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

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

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


(통지번호: ${zjxfItemUser.acceptedNo })

청원 전달 관련 공지< /span>${zjxfItemUser.userName }: (청원자 이름)

       
, 이 기관(또는 단위) 귀하(또는 귀하)가 제출한 ${zjxfItemUser.subject} 청원은 법률에 따라 승인되었습니다.
청원 사항은 관련 조항에 따라 XXX의 권한 범위에 속합니다. "청원 규정"에 따라 이 기관은 이미 관련 자료를 XX 처리를 위해 XXX로 전송할 예정입니다. 제때에 그에게 연락하시기 바랍니다.

이를 알려드립니다.

(${zjxfProcessOver.subOrgname} 특수 도장 또는 공식 도장이 찍혀 있음)< ;/ div>
< /div>




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


코드 복사 코드는 다음과 같습니다. >
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/print.css" type="text/css" rel="stylesheet" />" ;
$(CSS).appendTo("#" formName );
window.document.body.innerHTML = $("#" formName).html();
window.print()
window.document.body.innerHTML =
}

})


이렇게 하면 부분 선택 인쇄와 부분 비선택 인쇄가 모두 가능합니다.
성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.