Jquery插件jqprint-0.3.js实现打印

1、首先引用Jquery和jqprint-0.3.js(依赖于Jquery的）

</script> <script language="javascript" src="jquery.jqprint-0.3.js"></script>

2、Hmtl代码

<div id="print-area">
<table>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
<tr>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
<td>test</td>
</tr>
</table>
</div>
<input type="button" οnclick=" print()" value="打印">

3、JavaScript代码

<script language="javascript">
function print(){
$("#print-area").jqprint({
debug: false,
importCSS: true,
printContainer: true,
operaSupport: false
});
}
</script>

4、属性

debug: false, //如果是true则可以显示iframe查看效果（iframe默认高和宽都很小，可以再源码中调大），默认是false
importCSS: true, //true表示引进原来的页面的css，默认是true。（如果是true，先会找$("link[media=print]")，若没有会去找$("link")中的css文件）
printContainer: true, //表示如果原来选择的对象必须被纳入打印（注意：设置为false可能会打破你的CSS规则）。
operaSupport: false //表示如果插件也必须支持歌opera浏览器，在这种情况下，它提供了建立一个临时的打印选项卡。默认是true

5、特殊打印样式

如果在打印时需要独特的css样式，除了可以直接写在style属性内还可以通过

　　<link href="printStyle.css" rel="stylesheet"type="text/css" media="print">

　　来引用外部css文件中的样式。这样的好处是该样式只会在打印时才应用。

Jquery插件jqprint-0.3.js实现打印相关推荐

JQuery 插件 JQprint 打印功能
jquery为我们提供了很多的插件,JQprint只是其中一种打印插件,可以很好的打印页面上的东西,包括设置的css 样式废话不多说,直接上代码: <script type="tex ...
自写图片遮罩层放大功能jquery插件源代码，photobox.js 1.0版，不兼容IE6
版权声明:本文为博主原创文章.未经博主同意不得转载. https://blog.csdn.net/u010480479/article/details/27362147 阿嚏~~~ 话说本屌丝没啥开发 ...
class jqprint 失效_web的各种前端打印方法之jquery打印插件jqprint实现网页打印
web的打印方法具我自己懂得知道的有: 1.jquery插件jqprint实现 2.jqery打印插件printarea实现网页打印 3.css控制网页打印样式 jquery插件jqprint实现: ...
class jqprint 失效_jQuery打印插件jqprint
插件描述:一个通过单击页面按钮,便实现页面打印的jQuery插件jqprint. 2017-2-17更新(修改jQuery官方提供迁移辅助插件jquery-migrate-1.0.0.js失效地址) ...
期待已久的2012年度最佳 jQuery 插件揭晓
期待已久的2012年度最佳 jQuery 插件揭晓让人期待已久的2012年度最佳 jQuery 插件终于发布了.jQuery 自2006年发布以来,经过6年的迅速发展,目前已是最流行和使用最广泛的 ...
推荐12款非常有用的流行 jQuery 插件
jQuery 是一个非常优秀的 JavaScript 框架,在现在的 Web 开发项目中扮演着重要角色.jQuery 使用简单灵活,同时还有许多成熟的插件可供选择,它可以帮助你在项目中加入一些非常好的 ...
处理jquery.jqprint.js不能打印input、textarea区以及样式问题
处理jquery.jqprint.js不能打印input.textarea区以及样式问题对于打印区的input和textarea做一下处理: 处理打印样式问题(打印样式与显示样式不一样) 对于打印区 ...
jq jqprint 设置页脚_jquery打印插件jqprint.js使用教程
最近的项目要使用web前端打印,本来在网上搜索了一下采用的js:window.print()局部打印网页的方法,但是经过实际测试发现兼容性不好,无奈只好再找其他方法,终于被我找到了一款基于jquery ...
js特效在服务器显示变形,使一行文字变形产生弯曲弧度特效的jQuery插件 - Arctext.js...
CSS3可以帮助我们旋转字体,但是如果想让一行字体产生弧度曲线的效果,稍微有点儿费劲.今天分享一个jQuery插件:Arctext.js ,可以有效的帮助我们生成一行带有弧度的文字效果.它能够自动计算 ...
Jquery提交表单 Form.js官方插件介绍
來源:http://hi.baidu.com/dereky/blog/item/f9e8ab64c52f4ff3f736540c.html [JQuery框架应用]:form.js官方插件介绍 For ...

Jquery插件jqprint-0.3.js实现打印

Jquery插件jqprint-0.3.js实现打印相关推荐

最新文章

热门文章