首先下载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" onclick="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
});