web的各种前端打印方法之jquery打印插件PrintArea实现网页打印


Posted in Javascript onJanuary 09, 2013

第一步
jquery.PrintArea.js下载
js引用

<script language="javascript" src="jquery-1.7.1.min.js"></script> 
<script type="text/javascript" src="jquery.PrintArea.js"></script>

html引用
<div class="my_show"> 
这个是打印时显示的。 
</div> 
<div class="my_hidden"> 
这个是打印时隐藏的。 
</div> 
<input type="button" id="print"/>

javascript代码
$(document).ready(function(){ 
$("#print").click(function(){ 
$(".my_show").printArea(); 
}); 
});

这个插件还提供了一些参数可配置,使用的方法:$(element).printArea(option).
这个方法我自己没有用过,大家尝试是,有问题的留言哈。

参数设置
1.mode:模式,当点击打印按钮时触发模式,默认为iframe,当设置为popup则会新开一个窗口页面打印。
2.popTitle:设置新开窗口的标题,默认为空。
3.popClose:完成打印后是否关闭窗口,默认为false。

Javascript 相关文章推荐
js中parseInt函数浅谈
Jul 31 Javascript
jquery如何判断表格同一列不同行input数据是否重复
May 14 Javascript
javascript检查浏览器是否已经启用XX功能
Jul 10 Javascript
JS奇技之利用scroll来监听resize详解
Jun 15 Javascript
vuex中使用对象展开运算符的示例
Sep 25 Javascript
Vue中render函数的使用方法
Jan 31 Javascript
Vue 中使用vue2-highcharts实现top功能的示例
Mar 05 Javascript
node前端开发模板引擎Jade的入门
May 11 Javascript
Vue动态生成el-checkbox点击无法赋值的解决方法
Feb 21 Javascript
详解vue beforeRouteEnter 异步获取数据给实例问题
Aug 09 Javascript
react 原生实现头像滚动播放的示例
Apr 21 Javascript
JS闭包原理及其使用场景解析
Dec 03 Javascript
实现web打印的各种方法介绍及实现代码
Jan 09 #Javascript
js去除重复字符串两种实现方法
Jan 09 #Javascript
jquery插件之信息弹出框showInfoDialog(成功/错误/警告/通知/背景遮罩)
Jan 09 #Javascript
javaScript矢量图表库-gRaphael几行代码实现精美的条形图/饼图/点图/曲线图
Jan 09 #Javascript
一行代码实现纯数据json对象的深度克隆实现思路
Jan 09 #Javascript
javascript parseInt() 函数的进制转换注意细节
Jan 08 #Javascript
Raphael一个用于在网页中绘制矢量图形的Javascript库
Jan 08 #Javascript
You might like
搜索和替换文件或目录的一个好类--很实用
2006/10/09 PHP
PHP合并数组+与array_merge的区别分析
2010/08/01 PHP
9个实用的PHP代码片段分享
2015/01/22 PHP
Yii2实现UploadedFile上传文件示例
2017/02/15 PHP
PHP有序表查找之二分查找(折半查找)算法示例
2018/02/09 PHP
可以把编码转换成 gb2312编码lib.UTF8toGB2312.js
2007/08/21 Javascript
js实现权限树的更新权限时的全选全消功能
2009/02/17 Javascript
手把手教你自己写一个js表单验证框架的方法
2010/09/14 Javascript
js setTimeout 参数传递使用介绍
2013/08/13 Javascript
JS中JSON对象和String之间的互转及处理技巧
2016/04/06 Javascript
jQuery禁用快捷键例如禁用F5刷新 禁用右键菜单等的简单实现
2016/08/31 Javascript
详解使用vscode+es6写nodejs服务端调试配置
2017/09/21 NodeJs
30分钟快速入门掌握ES6/ES2015的核心内容(上)
2018/04/18 Javascript
Angular搜索场景中使用rxjs的操作符处理思路
2018/05/30 Javascript
浅析JavaScript 函数柯里化
2020/09/08 Javascript
[39:32]2014 DOTA2国际邀请赛中国区预选赛 TongFu VS DT 第二场
2014/05/23 DOTA
python中实现php的var_dump函数功能
2015/01/21 Python
理解生产者消费者模型及在Python编程中的运用实例
2016/06/26 Python
浅谈Python2之汉字编码为unicode的问题(即类似\xc3\xa4)
2019/08/12 Python
详解Python3 pickle模块用法
2019/09/16 Python
pygame实现俄罗斯方块游戏(AI篇1)
2019/10/29 Python
Scrapy框架基本命令与settings.py设置
2020/02/06 Python
PyTorch在Windows环境搭建的方法步骤
2020/05/12 Python
django实现日志按日期分割
2020/05/21 Python
新加坡领先的在线生活方式和杂货购物网站:EAMART
2019/04/02 全球购物
回馈慈善的设计师太阳镜:DIFF eyewear
2019/10/17 全球购物
公积金单位接收函
2014/01/11 职场文书
公务员职业生涯规划书范文  
2014/01/19 职场文书
元旦晚会主持词
2014/03/24 职场文书
家长对孩子的评语
2014/04/18 职场文书
高考标语大全
2014/06/05 职场文书
列车乘务员工作不细心检讨书
2014/10/07 职场文书
小学教育见习报告
2014/10/31 职场文书
企业战略合作意向书
2015/05/08 职场文书
2016年小学植树节活动总结
2016/03/16 职场文书
世界十大儿童漫画书排名,法国国宝漫画排第五,第二是轰动日本连环
2022/03/18 欧美动漫