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 相关文章推荐
如何取得中文输入的真实长度?
Jun 24 Javascript
Jquery颜色选择器ColorPicker实现代码
Nov 14 Javascript
js如何获取兄弟、父类等节点
Jan 06 Javascript
将json对象转换为字符串的方法
Feb 20 Javascript
详细解读JavaScript编程中的Promise使用
Jul 27 Javascript
jQuery CSS3自定义美化Checkbox实现代码
May 12 Javascript
功能强大的Bootstrap效果展示(二)
Aug 03 Javascript
详解vue2.0组件通信各种情况总结与实例分析
Mar 22 Javascript
如何使用JS在HTML中自定义字符串格式化
Jul 20 Javascript
vue组件挂载到全局方法的示例代码
Aug 02 Javascript
Angular脚手架开发的实现步骤
Apr 09 Javascript
ES6中的class是如何实现的(附Babel编译的ES5代码详解)
May 17 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算开始时间到过期时间的相隔的天数
2011/01/12 PHP
php中模拟POST传递数据的两种方法分享
2011/09/16 PHP
PHP的简易冒泡法代码分享
2012/08/28 PHP
关于UEditor编辑器远程图片上传失败的解决办法
2012/08/31 PHP
对淘宝URL中ID提取的PHP代码
2013/09/01 PHP
WordPress导航菜单的滚动和淡入淡出效果的实现要点
2015/12/14 PHP
分享一个漂亮的php验证码类
2016/09/29 PHP
PHP使用PDO访问oracle数据库的步骤详解
2017/09/29 PHP
PHP预定义接口――Iterator用法示例
2020/06/05 PHP
Alliance vs Liquid BO3 第二场2.13
2021/03/10 DOTA
在视频前插入广告
2006/11/20 Javascript
javascript限制用户只能输汉字中文的方法
2014/11/20 Javascript
javascript显示上周、上个月日期的处理方法
2016/02/03 Javascript
jQuery验证插件validate使用方法详解
2020/09/13 Javascript
探讨跨域请求资源的几种方式(总结)
2016/12/02 Javascript
BootStrap 下拉菜单点击之后不会出现下拉菜单(下拉菜单不弹出)的解决方案
2016/12/14 Javascript
JavaScript实现左右下拉框动态增删示例
2017/03/09 Javascript
Vue.js学习记录之在元素与template中使用v-if指令实例
2017/06/27 Javascript
如何开发出更好的JavaScript模块
2017/12/22 Javascript
Node.js中的cluster模块深入解读
2018/06/11 Javascript
angular-tree-component的使用详解
2018/07/30 Javascript
对angular2中的ngfor和ngif指令嵌套实例讲解
2018/09/12 Javascript
python利用拉链法实现字典方法示例
2017/03/25 Python
动态规划之矩阵连乘问题Python实现方法
2017/11/27 Python
使用Pytorch搭建模型的步骤
2020/11/16 Python
python连接mongodb数据库操作数据示例
2020/11/30 Python
施华洛世奇水晶荷兰官方网站:SWAROVSKI荷兰
2017/05/12 全球购物
大学生求职简历的自我评价
2013/10/14 职场文书
计算机网络专业个人的自我评价
2013/10/17 职场文书
专科毕业生学习生活的自我评价
2013/10/26 职场文书
图书馆标语
2014/06/19 职场文书
骨干教师申报材料
2014/12/17 职场文书
2015年社区中秋节活动总结
2015/03/23 职场文书
项目经理岗位职责范本
2015/04/01 职场文书
庆祝教师节主持词
2015/07/06 职场文书
SQL Server数据库备份和恢复数据库的全过程
2022/06/14 SQL Server