반응형
JavaScript로 원하는 영역에 대해서만 출력 화면 설정하기입니다.
출력을 원하는 영역에 <div id=idPrint></div>로 설정을 하고,
printArea() 함수를 호출하면 idPrint로 설정한 영역만 출력이 됩니다.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
</head>
<body>
<script type="text/javascript">
<!--
var initBody
function beforePrint(){
initBody = document.body.innerHTML;
document.body.innerHTML = idPrint.innerHTML;
}
function afterPrint(){
document.body.innerHTML = initBody;
}
function printArea() {
window.print();
}
window.onbeforeprint = beforePrint;
window.onafterprint = afterPrint; function printArea1(){
if (flag == false){
initBody = document.body.innerHTML;
document.body.innerHTML = idPrint1.innerHTML;
flag = true;
} else {
document.body.innerHTML = initBody;
flag = false;
}
}
//idPrint-->
</script>
<div id="idPrint">
출력 화면입니다.
</div> <!-- <div id="idPrint"> -->
<button type="button" onClick="printArea()" />출력</button>
</body>
</html>
반응형
'유용한 활용팁' 카테고리의 다른 글
| MySQL 현재월, 현재월 기준 1개월, 2개월 조회 방법, 날짜 칼럼 월 조회 방법 (0) | 2019.12.26 |
|---|---|
| PHP로 HTML 태그를 사용하여 PDF 파일 생성 및 다운로드 받기 처리 - TCPDF (0) | 2019.12.25 |
| HTML5, CSS3 W3C CSS 검사 방법 크롬 - Web Developer 확장 프로그램 이용 (0) | 2019.12.23 |
| JavaScript ajax jquery $.post를 이용하여 form 데이터 구성 없이 post로 데이터 전송 처리 (0) | 2019.12.21 |
| 무료 호스팅 사이트 DOTHOME 사양 및 용량 (4) | 2019.12.20 |