자바스크립트 div 특정부분 인쇄하기!
안녕하세요 개발자 korean leo 입니다
프린트 출력을 해야하는 입장에 있었는데 좋은 코드를 찾아 여기에 공유합니다!
<script>
function content_print(){
var initBody = document.body.innerHTML;
window.onbeforeprint = function(){
document.body.innerHTML = document.getElementById('선택될 div id').innerHTML;
}
window.onafterprint = function(){
document.body.innerHTML = initBody;
}
window.print();
}
</script>
<!-- =============================================================================================== -->
<div id="content">
내용 content_1
</div>
<div id="content_2">
내용 content_2
</div>
<input type="button" value="print" onclick="javascript:content_print();">
<!-- ================================================================================================ -->
<!-- 선택될 div id 이부분에 div id 를 삽입하면 된다.
print 버튼을 누르면 지정된 div 안의 내용이 프린트 된다. -->
출처: https://mkwilson.tistory.com/64 [wilson's story] //이곳에서 봤습니다! sir 에도 올리고 싶어서 퍼왓습니다
http://koreanleo.com/bbs/board.php?bo_table=javascript&wr_id=5
//여기는 제가 따로 제작하고있는 저의 공부사이트입니다^.,^
댓글 6개
게시판 목록
그누보드5 팁자료실
| 번호 | 제목 | 글쓴이 | 날짜 | 조회 |
|---|---|---|---|---|
| 공지 | 3년 전 | 4402 | ||
| 2664 |
선택과집중
|
4개월 전 | 571 | |
| 2663 |
|
4개월 전 | 619 | |
| 2662 |
|
4개월 전 | 574 | |
| 2661 |
선택과집중
|
4개월 전 | 508 | |
| 2660 | 4개월 전 | 587 | ||
| 2659 |
Modify
|
4개월 전 | 653 | |
| 2658 |
선택과집중
|
4개월 전 | 415 | |
| 2657 | 4개월 전 | 452 | ||
| 2656 |
|
4개월 전 | 964 | |
| 2655 |
선택과집중
|
4개월 전 | 548 | |
| 2654 | 4개월 전 | 402 | ||
| 2653 |
선택과집중
|
5개월 전 | 585 | |
| 2652 | 5개월 전 | 394 | ||
| 2651 | 5개월 전 | 446 | ||
| 2650 |
선택과집중
|
5개월 전 | 327 | |
| 2649 |
선택과집중
|
5개월 전 | 423 | |
| 2648 | 5개월 전 | 441 | ||
| 2647 |
welcome
|
5개월 전 | 545 | |
| 2646 |
디지털홍익인간
|
5개월 전 | 453 | |
| 2645 | 5개월 전 | 466 | ||
| 2644 |
선택과집중
|
5개월 전 | 512 | |
| 2643 | 5개월 전 | 456 | ||
| 2642 | 5개월 전 | 372 | ||
| 2641 | 5개월 전 | 358 | ||
| 2640 | 5개월 전 | 394 | ||
| 2639 | 5개월 전 | 1357 | ||
| 2638 |
|
5개월 전 | 510 | |
| 2637 |
세르반데스
|
5개월 전 | 398 | |
| 2636 |
선택과집중
|
5개월 전 | 568 | |
| 2635 |
선택과집중
|
6개월 전 | 682 |
댓글 작성
댓글을 작성하시려면 로그인이 필요합니다.
로그인하기