k

자바스크립트 div 특정부분 인쇄하기!

· 2019-11-28 (목) 10:35:22 · 6777 · 6

안녕하세요 개발자 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개

2019-11-28 (목) 10:45:48
감사합니다.
네넵 ^.,^
2019-11-29 (금) 20:58:44
감사합니다~~^^*
네넵 ^.,^
감사합니다.
^.,^ 이쁜사이트 만드세요
댓글을 작성하시려면 로그인이 필요합니다.

그누보드5 팁자료실

2,788건
+
제목 글쓴이 날짜 조회
20-01-01 조회 6,940
19-12-24 조회 5,953
19-12-22 조회 6,819
19-12-20 조회 4,724
19-12-20 조회 8,170
19-12-16 조회 7,598
19-12-16 조회 1.4만
19-12-16 조회 6,815
19-12-16 조회 5,848
19-12-14 조회 6,495
19-12-12 조회 6,373
19-12-10 조회 5,156
19-12-09 조회 5,389
19-12-08 조회 6,926
19-12-07 조회 7,042
19-12-06 조회 9,060
19-12-05 조회 6,158
19-12-04 조회 8,587
19-12-03 조회 6,164
19-11-28 조회 1.4만
19-11-28 조회 6,473
19-11-28 조회 6,139
19-11-28 조회 6,778
19-11-26 조회 5,660
19-11-26 조회 5,341
19-11-26 조회 9,375
19-11-24 조회 4,568
19-11-20 조회 8,645
19-11-19 조회 1.3만
19-11-19 조회 7,336