개발

자바스크립트로 특정영역만 인쇄하기

에드몽단테스 2010. 12. 16. 20:38

<script type="text/javascript">
//<![CDATA[
function printPage(){
 var initBody;
 window.onbeforeprint = function(){
  initBody = document.body.innerHTML;
  document.body.innerHTML =  document.getElementById('print').innerHTML;
 };
 window.onafterprint = function(){
  document.body.innerHTML = initBody;
 };
 window.print();
 return false;
}
//]]>
</script>

인쇄할 부분을 div 로 감싼후 아이디('print')를 지정해준다.

<div id="print">인쇄할 영역</div>


반대로 특정영역만 인쇄하지 않을 수도 있다.

@media print {
  #noprint { display:none; }
}

스타일로 위와 같이 지정하면 특정부분은 제외한채 인쇄가 가능하다.
반응형