Jquery网页打印
来源:互联网 发布:月相日历软件 编辑:程序博客网 时间:2024/06/08 03:43
今天做项目中,需要用到打印功能,开始的时候用js来调用打印机,之后样式,还有什么的都没有了,之后ie有时候还运行不了,后来就在网上找,之后发现jquery有打印插件,所以就用了,并且发现jquery打印还可以打印局部,真的太棒了,一般的调用方式为:
实现步骤
1)引用2个js文件
2)定义打印区域的div,打印按钮
3)为打印按钮绑定打印事件
代码如下:
实现步骤
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控制网页局部打印
- 利用JQuery在网页上打印PDF
- Jquery- Jqprint实现网页打印功能
- Jquery、Js实现网页打印,及打印样式的自定义
- Jquery Jqprint—借助Jquery Jqprint实现网页打印功能
- 网页打印
- 打印网页
- 网页打印
- 网页打印
- 网页打印
- 网页打印
- 打印JQuery
- 网页打印(部分内容打印)
- 网页打印(部分内容打印)
- 网页报表的打印
- ie7 打印网页
- hdu(1997) 汉诺塔VII
- 枚举窗口列表中的所有父窗口(顶级和被所有窗口)
- ClientToScreen这个函数的功能:该函数将指定点,或者矩形的用户坐标转换成屏幕坐标。
- const char*、char*及字符串常量的正确使用
- 寻找数组中频率超过一半的数字
- Jquery网页打印
- Activity切换时保存数据的方法
- 局部二值模式LBP(Local Binary Pattern)实现代码
- jQuery 遍历 - map() 方法
- C语言的 Switch Case 的小问题
- 系统性能分析和优化
- softirq(软中断)下半部中tasklet与workqueue的区别,整合
- 最小生成树之prim算法
- 学习之响应式Web设计:Media Queries和Viewports