티스토리 뷰
반응형
<html>
<head>
<style>
div { position: relative; }
</style>
<script>
var initBody;
function beforePrint()
{
initBody=document.body.innerHTML;
document.body.innerHTML=idPrint.innerHTML;
}
function afterPrint()
{
document.body.innerHTML=initBody;
}
window.onbeforeprint = beforePrint;
window.onafterprint = afterPrint;
</script>
</head>
<body>
<div id="idPrint">
<b>[첫 번째 영역]</b><br>첫 번째 영역입니다!<br><br>
</div>
<b>[두 번째 영역]</b><br>두 번째 영역입니다!<br><br>
<b>[세 번째 영역]</b><br>세 번째 영역입니다!<br>
<input type="button" onclick="window.print()" value="첫번째 영역만 인쇄">
[출처] http://blog.naver.com/masca727/60038165332
</body>
</html>
<head>
<style>
div { position: relative; }
</style>
<script>
var initBody;
function beforePrint()
{
initBody=document.body.innerHTML;
document.body.innerHTML=idPrint.innerHTML;
}
function afterPrint()
{
document.body.innerHTML=initBody;
}
window.onbeforeprint = beforePrint;
window.onafterprint = afterPrint;
</script>
</head>
<body>
<div id="idPrint">
<b>[첫 번째 영역]</b><br>첫 번째 영역입니다!<br><br>
</div>
<b>[두 번째 영역]</b><br>두 번째 영역입니다!<br><br>
<b>[세 번째 영역]</b><br>세 번째 영역입니다!<br>
<input type="button" onclick="window.print()" value="첫번째 영역만 인쇄">
[출처] http://blog.naver.com/masca727/60038165332
</body>
</html>
반응형
'웹프로그래밍 > Javascript' 카테고리의 다른 글
| javascript comma and uncomma (0) | 2015.10.01 |
|---|---|
| Solve “Invalid App Id: Must be a number or numeric string representing the application id” (0) | 2015.08.02 |
| Javascript iBook EPUB 3.0 Images not working (0) | 2015.05.27 |
| jQuery $("img").load non-cache (0) | 2015.05.26 |
| jQuery Animation Rotate (0) | 2015.05.06 |