Jquery网页打印

NeverGiveUpToChange

浏览: 43934 次
性别:

最近访客更多访客>>

kevin_chris

yvonna

iytbihuf

bookboy008

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

Jquery 网页打印
java

今天做项目中，需要用到打印功能，开始的时候用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和页眉那些你不需要的去掉就可以了。

5
顶

0
踩

分享到：

[转载]JSONObject.fromObject(map)（JSON ...

2013-08-23 19:06
浏览 6500
评论(6)
分类:Web前端
查看更多

6 楼 July01 2017-09-26

NeverGiveUpToChange 写道

tonyyouwei 写道

很老的技术啦！兄弟

很老但是很有用！你有什么好的，网页打印技术吗？？？？

推荐用StratoIO打印控件，浏览器和系统的兼容性都很好，而且不会崩溃。参考http://webprint.stratoio.com/features

5 楼 July01 2017-09-26

NeverGiveUpToChange 写道

tonyyouwei 写道

很老的技术啦！兄弟

很老但是很有用！你有什么好的，网页打印技术吗？？？？

4 楼 July01 2017-09-26

推荐用StratoIO打印控件，浏览器和系统的兼容性都很好，而且不会崩溃。参考http://webprint.stratoio.com/features

3 楼 buyaokuba 2015-05-27

多谢分享

2 楼 NeverGiveUpToChange 2013-08-28

tonyyouwei 写道

很老的技术啦！兄弟

很老但是很有用！你有什么好的，网页打印技术吗？？？？

1 楼 tonyyouwei 2013-08-24

很老的技术啦！兄弟

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论