[JavaScript] Jquery를 이용한 DIV 프린트

[JavaScript] Jquery를 이용한 DIV 프린트 updated_at: 2024-03-19 18:57

jquery를 이용한 div 프린트

function printIt(){
  var initBody = $("body").html();
  window.onbeforeprint = function(){
    $("body").html($("#div").html());
  }
  window.onafterprint = function(){
    $("body").html(initBody);
  }
  window.print();
}

상기 방법은 바로 프린트 하기는 좋은나 이후 자바스크립트에러에 주의하여야 한다. 아래는 iframe 으로 보내어 프린트 하는 방식이다.

var print_contents = $("#printpart").html();
$("#print_iframe").contents().find("body").html(print_contents);
$("#print_iframe").contents().find(".btn_box_hidden").hide();
$("#print_iframe").focus();
//window.print();
//$("#print_iframe").contents().print();
frames["print_iframe"].focus();
frames["print_iframe"].print();

<iframe name="print_iframe" id="print_iframe" src="/print-page" width="0" height="0"
    style="display:"></iframe>

Table of contents 목차

평점을 남겨주세요
평점 : 5.0
총 투표수 : 1

질문 및 답글