웹 페이지 부분 영역 인쇄 jquery 코드

5447 단어 jquery
코드도 인터넷에서 찾았는데 지금 기록해 두세요.
 1 (function ($) {

 2     var printAreaCount = 0;

 3     $.fn.printArea = function () {

 4         var ele = $(this);

 5         var idPrefix = "printArea_";

 6         removePrintArea(idPrefix + printAreaCount);

 7         printAreaCount++;

 8         var iframeId = idPrefix + printAreaCount;

 9         var iframeStyle = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;';

10         iframe = document.createElement('IFRAME');

11         $(iframe).attr({

12             style: iframeStyle,

13             id: iframeId

14         });

15         document.body.appendChild(iframe);

16         var doc = iframe.contentWindow.document;

17         $(document).find("link").filter(function () {

18             return $(this).attr("rel").toLowerCase() == "stylesheet";

19         }).each(

20                 function () {

21                     doc.write('<link type="text/css" rel="stylesheet" href="'

22                             + $(this).attr("href") + '" >');

23                 });

24         doc.write('<div class="' + $(ele).attr("class") + '">' + $(ele).html()

25                 + '</div>');

26         doc.close();

27         var frameWindow = iframe.contentWindow;

28         frameWindow.close();

29         frameWindow.focus();

30         frameWindow.print();

31     }

32     var removePrintArea = function (id) {

33         $("iframe#" + id).remove();

34     };

35 })(jQuery);

페이지에서 호출
아래 div 인쇄가 필요한 경우
 
1 <div class="imgCnt">

2 …………

3 </div>

 
 
페이지 js 부분에 아래 코드를 넣으면 됩니다.
$(".imgCnt").printArea();


 

좋은 웹페이지 즐겨찾기