`
shao_lixin
  • 浏览: 52590 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

局部打印插件 jquery.PrintArea.js

阅读更多
jquery.PrintArea.js源码:

(function ($) {
    var printAreaCount = 0;
    $.fn.printArea = function () {
        var ele = $(this);
        var idPrefix = "printArea_";
        removePrintArea(idPrefix + printAreaCount);
        printAreaCount++;
        var iframeId = idPrefix + printAreaCount;
        var iframeStyle = 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;';
        iframe = document.createElement('IFRAME');
        $(iframe).attr({
            style: iframeStyle,
            id: iframeId
        });
        document.body.appendChild(iframe);
        var doc = iframe.contentWindow.document;
        $(document).find("link").filter(function () {
            return $(this).attr("rel").toLowerCase() == "stylesheet";
        }).each(
                function () {
                    doc.write('<link type="text/css" rel="stylesheet" href="'
                            + $(this).attr("href") + '" >');
                });
        doc.write('<div class="' + $(ele).attr("class") + '">' + $(ele).html()
                + '</div>');
        doc.close();
        var frameWindow = iframe.contentWindow;
        frameWindow.close();
        frameWindow.focus();
        frameWindow.print();
    }
    var removePrintArea = function (id) {
        $("iframe#" + id).remove();
    };
})(jQuery);



使用示例:
<input type="button" id="btnPrint" value="打印"/>
<div id="printContent">要打印的内容区域<div>

<script type="text/javascript">
$(function(){
        $("btnPrint").click(function(){ $("printContent").printArea(); });
});
</script>
分享到:
评论

相关推荐

    可局部打印的网页打印插件jQuery.PrintArea

    总结来说,`jQuery.PrintArea`是一款实用的网页打印插件,它基于`jQuery`库,提供局部打印功能,适用于那些需要对网页内容进行精确控制打印的场合。通过简单的API调用,开发者可以轻松地集成到自己的项目中,提高...

    可局部打印的网页打印插件jQuery.PrintArea.zip

    "jQuery.PrintArea"是一个优秀的局部打印插件,它允许开发者选择页面中的特定区域进行打印,而不是整个网页。这个插件的压缩包"jQuery.PrintArea.zip"包含了必要的文件,如HTML示例和JavaScript文件。 首先,我们要...

    网页打印插件jQuery.PrintArea.zip

    网页打印插件jQuery.PrintArea是针对网页打印需求而设计的一款高效解决方案,尤其适用于那些希望提供局部打印功能的网站。这款插件是基于广泛使用的JavaScript库jQuery构建的,它允许开发者轻松地选择页面上的特定...

    jquery.PrintArea.js

    jQuery 打印插件 PrintArea 支持页面局部打印。

    网页打印插件jQuery.PrintArea

    网页打印插件jQuery.PrintArea是前端开发者常用的工具之一,它主要针对的是网页内容的打印需求。在现代网页设计中,用户可能需要打印网页中的特定部分,而不是整个页面,这就需要一个能够实现局部打印功能的插件。...

    jquery.PrintArea.rar

    《jQuery PrintArea插件:实现页面局部打印的详解与应用》 在网页开发中,有时候我们需要提供用户打印页面上的特定区域而不是整个页面。jQuery PrintArea插件正为此目的而设计,它允许开发者轻松地实现页面的局部...

    jquery.PrintArea

    jQuery PrintArea是一款基于JavaScript库jQuery的插件,其主要功能是实现网页的局部打印。通过添加特定的CSS类或JavaScript调用来定义打印区域,用户可以轻松地控制哪些内容出现在打印版面上。 **二、安装与引入** ...

    jQuery打印插件PrintArea

    **jQuery PrintArea插件详解** jQuery PrintArea是一款实用的前端打印解决方案,专为网页开发者设计,使得用户可以方便地选择并打印网页中的特定区域。这个插件的核心功能是通过简单的API调用来设置需要打印的内容...

    网页打印插件jQuery.PrintArea特效代码

    jQuery.PrintArea是一款针对这一需求设计的插件,它允许用户实现局部打印,即只打印网页中的特定区域,而不是整个页面。这款插件是基于广泛使用的JavaScript库jQuery构建的,因此它可以方便地与已有的jQuery项目集成...

    jquery.print.zip

    jquery打印插件 jQuery.print.js jquery.PrintArea.js $("#print_div").print(); $("#print_div").printArea(); 局部打印需要把样式写在print_div里

    jquery局部打印

    总结起来,`jquery局部打印`是通过`jquery.PrintArea.js`插件实现的,它使开发者能够控制用户打印网页时的具体内容,提高用户体验。结合HTML、CSS和jQuery,你可以创建出符合设计需求的定制化打印方案。

    jQuery网页局部打印代码.zip

    在这个特定的场景下,"jq_printarea"可能是一个实现了局部打印功能的JavaScript插件。这个插件的工作原理可能是:首先,它允许开发者通过CSS选择器来指定需要打印的元素。例如,如果希望打印id为"content"的div,...

    chrome浏览器实现打印预览打印功能.zip

    要实现打印预览和局部打印,我们可以利用jQuery库中的插件,如`jquery.PrintArea.js`。该插件允许开发者选择页面上的特定区域进行打印,而不是整个页面。只需在需要打印的元素上添加特定的CSS类或者ID,然后调用`$(...

    jquery.jqprint-0.3@wcb.zip

    jQuery.jqprint是一个轻量级的JavaScript插件,它使得在网页上实现局部或全局打印变得非常简单。这个插件是jQuery库的一个扩展,它通过便捷的事件调用函数来触发打印操作,极大地简化了开发者的工作。 首先,我们来...

    jquery打印插件制作页面局部打印预览插件

    总结来说,"jquery打印插件制作页面局部打印预览插件"涵盖了jQuery选择器、DOM操作、窗口操作、事件处理以及媒体查询等多个JavaScript和Web开发的关键知识点。通过这样的插件,开发者可以为用户提供更加便捷和定制化...

    jquery打印区域

    jQuery PrintArea插件提供了一种方便的方式来实现网页的局部打印,它允许开发者通过简单的API来指定打印内容,提高了用户体验。理解并熟练运用这个插件,可以让你在开发中更高效地实现打印功能,满足用户的个性化...

    批量打印之jquery局部打印

    总的来说,“批量打印之jQuery局部打印”是一个实用的技术,它结合了jQuery的强大功能和特定插件的便利性,提供了高效、可控的打印解决方案。通过学习和应用这些知识,开发者可以为用户提供更加精细化的打印体验。在...

Global site tag (gtag.js) - Google Analytics