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`库,提供局部打印功能,适用于那些需要对网页内容进行精确控制打印的场合。通过简单的API调用,开发者可以轻松地集成到自己的项目中,提高...
"jQuery.PrintArea"是一个优秀的局部打印插件,它允许开发者选择页面中的特定区域进行打印,而不是整个网页。这个插件的压缩包"jQuery.PrintArea.zip"包含了必要的文件,如HTML示例和JavaScript文件。 首先,我们要...
网页打印插件jQuery.PrintArea是针对网页打印需求而设计的一款高效解决方案,尤其适用于那些希望提供局部打印功能的网站。这款插件是基于广泛使用的JavaScript库jQuery构建的,它允许开发者轻松地选择页面上的特定...
jQuery 打印插件 PrintArea 支持页面局部打印。
网页打印插件jQuery.PrintArea是前端开发者常用的工具之一,它主要针对的是网页内容的打印需求。在现代网页设计中,用户可能需要打印网页中的特定部分,而不是整个页面,这就需要一个能够实现局部打印功能的插件。...
《jQuery PrintArea插件:实现页面局部打印的详解与应用》 在网页开发中,有时候我们需要提供用户打印页面上的特定区域而不是整个页面。jQuery PrintArea插件正为此目的而设计,它允许开发者轻松地实现页面的局部...
jQuery PrintArea是一款基于JavaScript库jQuery的插件,其主要功能是实现网页的局部打印。通过添加特定的CSS类或JavaScript调用来定义打印区域,用户可以轻松地控制哪些内容出现在打印版面上。 **二、安装与引入** ...
**jQuery PrintArea插件详解** jQuery PrintArea是一款实用的前端打印解决方案,专为网页开发者设计,使得用户可以方便地选择并打印网页中的特定区域。这个插件的核心功能是通过简单的API调用来设置需要打印的内容...
jQuery.PrintArea是一款针对这一需求设计的插件,它允许用户实现局部打印,即只打印网页中的特定区域,而不是整个页面。这款插件是基于广泛使用的JavaScript库jQuery构建的,因此它可以方便地与已有的jQuery项目集成...
jquery打印插件 jQuery.print.js jquery.PrintArea.js $("#print_div").print(); $("#print_div").printArea(); 局部打印需要把样式写在print_div里
总结起来,`jquery局部打印`是通过`jquery.PrintArea.js`插件实现的,它使开发者能够控制用户打印网页时的具体内容,提高用户体验。结合HTML、CSS和jQuery,你可以创建出符合设计需求的定制化打印方案。
在这个特定的场景下,"jq_printarea"可能是一个实现了局部打印功能的JavaScript插件。这个插件的工作原理可能是:首先,它允许开发者通过CSS选择器来指定需要打印的元素。例如,如果希望打印id为"content"的div,...
要实现打印预览和局部打印,我们可以利用jQuery库中的插件,如`jquery.PrintArea.js`。该插件允许开发者选择页面上的特定区域进行打印,而不是整个页面。只需在需要打印的元素上添加特定的CSS类或者ID,然后调用`$(...
jQuery.jqprint是一个轻量级的JavaScript插件,它使得在网页上实现局部或全局打印变得非常简单。这个插件是jQuery库的一个扩展,它通过便捷的事件调用函数来触发打印操作,极大地简化了开发者的工作。 首先,我们来...
总结来说,"jquery打印插件制作页面局部打印预览插件"涵盖了jQuery选择器、DOM操作、窗口操作、事件处理以及媒体查询等多个JavaScript和Web开发的关键知识点。通过这样的插件,开发者可以为用户提供更加便捷和定制化...
jQuery PrintArea插件提供了一种方便的方式来实现网页的局部打印,它允许开发者通过简单的API来指定打印内容,提高了用户体验。理解并熟练运用这个插件,可以让你在开发中更高效地实现打印功能,满足用户的个性化...
总的来说,“批量打印之jQuery局部打印”是一个实用的技术,它结合了jQuery的强大功能和特定插件的便利性,提供了高效、可控的打印解决方案。通过学习和应用这些知识,开发者可以为用户提供更加精细化的打印体验。在...