개발공작소
728x90
반응형
article thumbnail
[JS] window.print()를 이용해서 특정영역을 인쇄하는 기능을 구현하는 방법
FrontEnd/JavaScript 2023. 11. 11. 16:08

웹에서 인쇄 기능을 구현하는 것은 간단하다. window객체에서 제공하는 print함수를 이용하면 DOM에 있는 내용을 그대로 가지고 인쇄 할 수 있다. 설명 window 객체에서 제공하는 print함수는 별개의 파라메터를 받지 않고, 현재 문서를 인쇄해주는 기능을 제공하는 함수이다. 즉, 사용자가 원하는 특정영역을 인쇄하기 위해서는 DOM을 조작 할 필요가 있다. 그러기 위해 자주 사용하는 방법은 아래와 같다. 1. print가 되기전에 document.body에 사용자가 원하는 영역의 element를 저장해준다. 2. print를 수행한다. 3. print가 수행되고 난후, document.body에 기존에 있던 element를 다시 저장해준다. 여기서 1번을 수행하지 않으면 특정영역이 아닌 문서의 ..

728x90
반응형