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 相关文章推荐
编辑浪子版表单验证类
May 12 Javascript
javascript 操作cookies及正确使用cookies的属性
Oct 15 Javascript
jQueryPad 实用的jQuery测试工具(支持IE,chrome,FF)
May 22 Javascript
JavaScript 上万关键字瞬间匹配实现代码
Jul 07 Javascript
jquery固定底网站底部菜单效果
Aug 13 Javascript
javascript:void(0)使用探讨
Aug 27 Javascript
jquery获取当前日期的方法
Jan 14 Javascript
js实现模拟银行卡账号输入显示效果
Nov 18 Javascript
AngularJS中run方法的巧妙运用
Jan 04 Javascript
Vue中的v-cloak使用解读
Mar 27 Javascript
使用vuepress搭建静态博客的示例代码
Feb 14 Javascript
微信小程序批量监听输入框对按钮样式进行控制的实现代码
Oct 12 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
用PHP实现将GB编码转换为UTF8
2006/11/25 PHP
destoon供应信息title调用出公司名称的方法
2014/08/22 PHP
php实现在限定区域里自动调整字体大小的类实例
2015/04/02 PHP
教你php如何实现验证码
2016/01/20 PHP
Yii2实现增删改查后留在当前页的方法详解
2017/01/13 PHP
Javascript实例教程(19) 使用HoTMetal(6)
2006/12/23 Javascript
JavaScript 参考教程
2006/12/29 Javascript
javascript自动生成包含数字与字符的随机字符串
2015/02/09 Javascript
jQuery实现类似标签风格的导航菜单效果代码
2015/08/25 Javascript
JS基于ocanvas插件实现的简单画板效果代码(附demo源码下载)
2016/04/05 Javascript
个人网站留言页面(前端jQuery编写、后台php读写MySQL)
2016/05/03 Javascript
js多个物体运动功能实例分析
2016/12/20 Javascript
解决bootstrap中使用modal加载kindeditor时弹出层文本框不能输入的问题
2017/06/05 Javascript
vue环境搭建简单教程
2017/11/07 Javascript
vue登录页面cookie的使用及页面跳转代码
2019/07/10 Javascript
VUE.js实现动态设置输入框disabled属性
2019/10/28 Javascript
Node绑定全局TraceID的实现方法
2019/11/14 Javascript
node事件循环和process模块实例分析
2020/02/14 Javascript
vue使用echarts实现水平柱形图实例
2020/09/09 Javascript
vue 使用微信jssdk,调用微信相册上传图片功能
2020/11/13 Javascript
JavaScript实现alert弹框效果
2020/11/19 Javascript
vue-resource 拦截器interceptors使用详解
2021/01/18 Vue.js
[03:43]2014DOTA2西雅图国际邀请赛 newbee战队巡礼
2014/07/07 DOTA
浅析Python函数式编程
2018/10/06 Python
Python Django 页面上展示固定的页码数实现代码
2019/08/21 Python
python 利用matplotlib在3D空间中绘制平面的案例
2021/02/06 Python
HTML5 canvas基本绘图之绘制阴影效果
2016/06/27 HTML / CSS
科尔士百货公司官网:Kohl’s
2016/07/11 全球购物
如何处理简单的PHP错误
2015/10/14 面试题
如何进行有效的自我评价
2013/09/27 职场文书
护士见习期自我鉴定
2014/02/08 职场文书
课程改革实施方案
2014/03/16 职场文书
群众路线教育实践活动学习笔记
2014/11/05 职场文书
党校个人总结
2015/03/04 职场文书
培训计划通知
2015/07/15 职场文书
餐厅营销的秘密:为什么老顾客会流水?
2019/08/08 职场文书