今天做项目中,需要用到打印功能,开始的时候用js来调用打印机,之后样式,还有什么的都没有了,之后ie有时候还运行不了,后来就在网上找,之后发现jquery有打印插件,所以就用了,并且发现jquery打印还可以打印局部,真的太棒了,一般的调用方式为:
实现步骤
1)引用2个js文件
2)定义打印区域的div,打印按钮
3)为打印按钮绑定打印事件
代码如下:
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ page import="java.util.*"%>
<html>
<head>
<title></title>
</head>
<script type="text/javascript" src="jquery-1.9.1.js"></script>
<script type="text/javascript" src="jquery.PrintArea.js"></script>
<body>
<input id="btnPrint" type="button" value="打印"/>
<div id="myPrintArea">
====打印区域====
</div>
</body>
<script type="text/javascript">
$(function(){
//打印
$("#btnPrint").bind("click",function(event){
$("#myPrintArea").printArea();
});
});
</script>
</html>
如果不一般的调用,到这里基本上没有什么问题了,但是我的那个是用table,之后而且进行了表格的合并,这个时候出现了一个奇怪的问题,就是打印的开始行没有线条,后面的都是非常的正常,开始我很郁闷,之后用一个普通的表格进行试(没有任何样式什么的设置),非常的正常,这个时候我就慢慢的查找,最后发现原来table中的td设置的rowspan属性,这个时候就有问题了,还有一个就是当<tr>标签体为空的时候,线条会加粗,之后时候我把rowspan和空的tr去掉就好了,一切都正常了,所以希望大家注意这些问题。
还有一个问题就是在打印的时候,会出现url和页眉,这个非常容易去掉,在浏览器点击“页面设置”,把url和页眉那些你不需要的去掉就可以了。
分享到:
相关推荐
jquery网页打印控件制作页面局部打印文本效果 jquery网页打印控件制作页面局部打印文本效果
jQuery 网页打印组件升级版(支持打印 iframe 内的内容) 只需要在参数中设置 isFrame: true 即可,此参数默认为 false
jquery打印插件制作网页文本打印效果代码 jquery打印插件制作网页文本打印效果代码
借助Jquery Jqprint实现网页打印功能.zip欢迎下载
相信大家都遇到过在多浏览器下,javascript 打印代码不是那么听话的时候,那么,有了这个组件,这都不是事儿了!此组件,基于 jQuery 1.x 编写,能完美兼容各个浏览器的打印需求!!你,值得拥有!
jquery实现B/S程序页面的打印,支持所有的浏览器,可以帮你少走很多的弯路哦,需要的朋友可以下载试试看啊,下载后使用vs以网站的形式打开哦!希望可以帮助到您!
jquery网页打印插件PrintArea.js,方便小巧,及插即拔,打印范围可控
jQuery网页局部打印代码,此代码可打印页面部分内容。
利用JQuery的JQprint-0.3.js实现页面打印功能
这是一款基于jquery实现页面打印可局部打印特效代码,网页打印插件jQuery.PrintArea下载。
jQueryPrint.js打印网页JS,很好用,可以指定打印网页上特定的资源!
利用jquery实现的在页面添加水印,并且使用了jquery的resizeend实现了,根据窗口调整大小自动适应添加水印
网页打印插件jQuery.PrintArea是一款基于jquery实现页面打印可局部打印特效。
主要介绍了基于jQuery实现网页打印功能,实现的打印功能大致跟浏览器的Ctrl+P效果一样,感兴趣的小伙伴们可以参考一下
可局部打印的网页打印插件jQuery.PrintArea.zip
本文实例讲述了jQuery控制网页打印指定区域的方法。分享给大家供大家参考。具体分析如下: 使用jQuery控制网页打印指定的区域,可以指定一个div区域的id即可实现打印网页的部分内容,如下代码所示: <html> &...
jQuery打印插件----jQuery.print.js实现网页的打印功能,亲测有效
在网页预览合同报表,实现在线打印jQuery包,需要的拿去用,使用方法$(div).print();