ASP实现在线打印，用jQuery打印插件PrintArea实现

最新推荐文章于 2025-06-19 10:46:00 发布

weixin_34032779

最新推荐文章于 2025-06-19 10:46:00 发布

阅读量236

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/hllxy/p/7374353.html

本文介绍如何利用jQuery打印插件PrintArea实现网页指定区域内容的打印功能。通过下载并引入PrintArea插件，配合简单的JavaScript代码，即可轻松实现网页内容的打印，并支持在新窗口中预览。

首先下载jQuery打印插件PrintArea。http://xiazai.jb51.net/201301/yuanma/printarea_jb51.rar

下载完成，将js引用到项目中。

网页界面如图：

<div style="margin: 5px 5px 5px 20px; text-align: right">
        <a id="btnDy" runat="server" text="打印" class="btn btn-primary width-min-85" οnclick="dyClick()">打印</a>
    </div>
    <div class="plr spmtop" id="app">打印的内容</div>

打印事件：

function dyClick() {
$("#app").printArea();
}

//打印页面，是在新的界面上显示 popup是新的界面，默认值是iframe。

function dyClick() {
$("#app").printArea({ mode: "popup", popClose: true });
}

$("#app").jqprint({

     debug: false, //如果是true则可以显示iframe查看效果（iframe默认高和宽都很小，可以再源码中调大），默认是false

     importCSS: true, //true表示引进原来的页面的css，默认是true。（如果是true，先会找$("link[media=print]")，若没有会去找$("link")中的css文件）

     printContainer: true, //表示如果原来选择的对象必须被纳入打印（注意：设置为false可能会打破你的CSS规则）。

     operaSupport: true//表示如果插件也必须支持歌opera浏览器，在这种情况下，它提供了建立一个临时的打印选项卡。默认是true

});

转载于:https://www.cnblogs.com/hllxy/p/7374353.html