`
zhonglh493843721
  • 浏览: 4326 次
社区版块
存档分类
最新评论

使用PrintArea实现 JS打印

    博客分类:
  • JS
阅读更多
前些时间业务需要有打印功能, 比较几个开源的JS打印框架, 最后选择了PrintArea
功能强大,使用简单。
简单的封装了一下, 内容如下

<script type="text/javascript" src="plug-in/print/jquery-1.10.2.js"></script>
<script type="text/javascript" src="plug-in/print/jquery-ui-1.10.4.custom.js"></script>
<script type="text/javascript" src="plug-in/print/jquery.PrintArea.js"></script>

function printDiv(id){
    var extraHead = '<meta charset="utf-8" />,<meta http-equiv="X-UA-Compatible" content="IE=edge"/>';
    var op = {mode : "popup", popClose : false, extraHead:extraHead};
    $("#"+id).printArea();
}


需要打印时, 调用 该方法,  id 是要打印区域的ID 。
分享到:
评论

相关推荐

    jquery.PrintArea.js-2.4.0-打印功能.rar

    jQuery PrintArea.js是一款轻量级的JavaScript插件,它基于jQuery库,专为网页打印设计。通过简单的API调用,开发者可以快速设置打印区域,避免用户打印不必要的网页元素,提高用户体验。该插件在2.4.0版本中,优化...

    jquery.PrintArea.js实现打印发货单功能

    综上所述,利用`jquery.PrintArea.js`实现打印发货单功能,涉及到了JavaScript、jQuery、CSS以及HTML的基础知识,通过合理运用这些技术,可以创建出高效、易用的打印解决方案。在实际开发中,应结合项目需求,灵活...

    jQuery打印插件PrintArea实现jQuery打印插件PrintArea实现

    jQuery 打印插件 PrintArea 实现 JavaScript 打印功能 jQuery 打印插件 PrintArea 是一个轻松实现 JavaScript 打印页面某区域功能的插件。该插件可以实现指定打印某一个区域的功能,而不是整个页面。 知识点一:...

    打印功能通用的jquery.PrintArea.js

    该js文件与本人前面博客发表的打印功能一致,详情请看本人博客关于打印模块的功能介绍,前后端实现代码完整

    免费jquery.printArea.js下载

    《jQuery.printArea.js:实现高效票据打印的利器》 在当今的Web开发中,与用户交互并提供便捷服务是至关重要的。特别是在商业应用中,打印功能往往不可或缺,尤其是在处理发票、收据等票据打印时。jQuery.printArea...

    jquery.PrintArea.js

    jQuery PrintArea.js是一个实用的JavaScript插件,它允许开发者方便地针对网页中的特定区域进行打印操作,而无需用户手动选择打印范围。本文将详细介绍jQuery PrintArea.js插件的特性、使用方法以及如何将其整合到...

    jquery printArea打印案例

    在提供的文件列表中,`jQuery打印插件PrintArea实现.docx`可能是关于这个插件更详细的使用教程或案例分析,而`clf.html`可能是一个包含PrintArea插件示例的HTML文件,`jquery.PrintArea.js`则是实际的插件源码。...

    jQuery打印插件PrintArea

    在JavaScript中,可以使用`$.printArea()`方法来指定打印的DOM元素。例如,如果你希望打印id为"content"的div,可以这样写: ```javascript $.printArea({ mode: "id", // 指定按ID选取元素 target: "content", /...

    JS web打印 PrintArea

    JavaScript(简称JS)是一种广泛用于Web开发的轻量级编程语言,它被设计用来操作网页内容,处理用户交互,以及实现动态效果。在Web打印领域,JS能够提供一种方便的方法来控制页面打印,使得开发者可以自定义打印内容...

    PrintArea.js官方demo

    PrintArea.js官方demo 实现精准局部打印内容

    printArea页面打印插件

    插件的工作原理是通过JavaScript库实现,它添加了一项功能,使用户可以高亮或框选他们想要打印的部分。用户可以选择通过鼠标拖动来划定打印区域,或者通过预设的CSS类来指定特定元素进行打印。这样,用户可以避免...

    web的各种前端打印方法之jquery打印插件PrintArea实现网页打印

    本文主要介绍了使用jquery打印插件PrintArea来实现网页内容的打印功能。PrintArea是一个方便的jQuery插件,它允许用户快速地将网页中的指定内容打印出来。接下来,本文将详细介绍PrintArea的安装、使用方法以及配置...

    Js打印功能,支持局部打印

    "Js打印功能,支持局部打印"这一主题,主要涉及的是JavaScript在网页中实现打印的功能,特别是如何实现对特定区域(局部)的打印。 JavaScript是一种广泛用于网页开发的脚本语言,它可以直接在用户的浏览器上运行,...

    js打印设置页边距

    在JavaScript中实现对打印页面的定制化设置,如页边距、页眉和页脚的配置,是一项进阶技能,尤其对于需要精确控制打印输出的Web应用而言至关重要。本文将深入探讨如何使用JavaScript来调整打印时的页边距,设置或...

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

    在提供的资源中,`jquery.PrintArea.js实现局部打印+分页.url`指向了该插件的实现示例,可以参考学习。 为了实现更好的分页效果,Web开发者通常会借助CSS和HTML布局技术。`真正好用的网页打印和分页方法-CSS+DIV或...

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

    `js`目录通常包含了JavaScript文件,其中最核心的应该是jQuery库本身(如`jquery.js`)以及jQuery.PrintArea插件的实现文件(可能名为`printArea.js`)。`printArea.js`文件会提供一组函数和方法,用于选中要打印的...

    网页打印插件jQuery.PrintArea.zip

    这款插件是基于广泛使用的JavaScript库jQuery构建的,它允许开发者轻松地选择页面上的特定区域进行打印,而不是打印整个网页。 在网页开发中,打印功能往往被忽视,但却是提升用户体验的重要一环。例如,用户可能...

    PHP JAVA .NET HTML 利用JS调用打印机批量打印程序 PrintArea

    这个jQuery插件可以打印页面的特定区域,实现批量打印。使用JSON的设置,打印区域在弹出窗口或在一个隐藏的iframe中打开。这个库非常小,也易于使用,对于B/S结构的系统开发,如PHP、JAVA、.NET、ASP、HTML等非常...

Global site tag (gtag.js) - Google Analytics