jauery 기반 웹 인쇄 기능

윈도우 자체 인쇄 방법: 윈도우.print (), 웹 인쇄를 실현할 수 있습니다.그러나 때때로 우리는 전체 웹 페이지를 인쇄하고 싶지 않고 웹 페이지의 일부분이 인쇄 기능을 실현할 수 있다. 이때 우리는 아래의 방법을 사용할 수 있다.

대체적인 실현 방식은 iframe 탭을 만들고 인쇄하고 싶은 부분을 채워서 만든 iframe에서 윈도우print 방법을 호출하여 수요를 실현하는 것이다.

(function($) {
    var opt;

    $.fn.jqprint = function (options) {
        opt = $.extend({}, $.fn.jqprint.defaults, options);

        var $element = (this instanceof jQuery) ? this : $(this);
        
        if (opt.operaSupport && $.browser.opera) 
        { 
            var tab = window.open("","jqPrint-preview");
            tab.document.open();

            var doc = tab.document;
        }
        else 
        {
            var $iframe = $("");
        
            if (!opt.debug) { $iframe.css({ position: "absolute", width: "0px", height: "0px", left: "-600px", top: "-600px" }); }

            $iframe.appendTo("body");
            var doc = $iframe[0].contentWindow.document;
        }
        
        if (opt.importCSS)
        {
            if ($("link[media=print]").length &gt; 0) 
            {
                $("link[media=print]").each( function() {
                    doc.write("<link type="text/css" rel="stylesheet" href="&quot; + $(this).attr(&quot;href&quot;) + &quot;" media="print"/>");
                });
            }
            else 
            {
                $("link").each( function() {
                    doc.write("<link type="text/css" rel="stylesheet" href="&quot; + $(this).attr(&quot;href&quot;) + &quot;"/>");
                });
            }
        }
        
        if (opt.printContainer) { doc.write($element.outer()); }
        else { $element.each( function() { doc.write($(this).html()); }); }
        
        doc.close();
        
        (opt.operaSupport &amp;&amp; $.browser.opera ? tab : $iframe[0].contentWindow).focus();
        setTimeout( function() { (opt.operaSupport &amp;&amp; $.browser.opera ? tab : $iframe[0].contentWindow).print(); if (tab) { tab.close(); } }, 1000);
    }
    
    $.fn.jqprint.defaults = {
        debug: false,
        importCSS: true, 
        printContainer: true,
        operaSupport: true
    };
    jQuery.fn.outer = function() {
      return $($('<div/>').html(this.clone())).html();
    } 
})(jQuery);</code></pre>  <br><h3> ：</h3>  <pre><code>$('#div').jqprint(); </code></pre>

이 내용에 흥미가 있습니까?

현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:

DWZ에서 타사 jQuery 플러그인 통합 방법

jQuery 플러그인은 일반적으로 $(document)입니다.ready () 에서 초기화 DWZ RIA는 풍부한 클라이언트 사고방식이기 때문에 처음 열었을 때 브라우저에 인터페이스를 불러오고 서버와의 상호작용은 저장...

텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.

CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.

jauery 기반 웹 인쇄 기능

대체적인 실현 방식은 iframe 탭을 만들고 인쇄하고 싶은 부분을 채워서 만든 iframe에서 윈도우print 방법을 호출하여 수요를 실현하는 것이다.

좋은 웹페이지 즐겨찾기