program/javascript

[javascript] 웹페이지의 특정 부분 만 인쇄

momoa210 2024. 1. 27. 20:19

var prtContent; // 프린트 하고 싶은 영역

var initBody; // body 내용 원본 // 프린트하고 싶은 영역의 id 값을 통해 출력 시작

function startPrint (div_id) {

prtContent = document.getElementById(div_id);

window.onbeforeprint = beforePrint;

window.onafterprint = afterPrint;

window.print();

}

// 웹페이지 body 내용을 프린트하고 싶은 내용으로 교체

function beforePrint(){

initBody = document.body.innerHTML;

document.body.innerHTML = prtContent.innerHTML;

}

// 프린트 후, 웹페이지 body 복구

function afterPrint(){

document.body.innerHTML = initBody;

}

<button onclick="startPrint('your div id');">print</button>

'program > javascript' 카테고리의 다른 글

[javascript] truthy falsy  (0) 2024.02.04
[javascript] 형변환  (0) 2024.02.04
[javascript] 자료형  (0) 2024.02.04
[javascript] null vs undefined  (0) 2024.02.03
[javascript] for 문 in, of  (2) 2024.01.27