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函数实现动态添加CSS样式表文件
Dec 15 Javascript
文本框倒叙输入让输入框的焦点始终在最开始的位置
Sep 01 Javascript
jQuery+html5实现div弹出层并遮罩背景
Apr 15 Javascript
提高Web性能的前端优化技巧总结
Feb 27 Javascript
jquery.form.js异步提交表单详解
Apr 25 jQuery
彻底解决 webpack 打包文件体积过大问题
Jul 07 Javascript
Angular之toDoList的实现代码示例
Dec 02 Javascript
从setTimeout看js函数执行过程
Dec 19 Javascript
Vue中v-for的数据分组实例
Mar 07 Javascript
基于vue中css预加载使用sass的配置方式详解
Mar 13 Javascript
JS前端知识点 运算符优先级,URL编码与解码,String,Math,arguments操作整理总结
Jun 27 Javascript
js如何验证密码强度
Mar 18 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
Google Voice 短信发送接口PHP开源版(2010.5更新)
2010/07/22 PHP
yii框架源码分析之创建controller代码
2011/06/28 PHP
(PHP实现)只使用++运算实现加法,减法,乘法,除法
2013/06/27 PHP
php将HTML表格每行每列转为数组实现采集表格数据的方法
2015/04/03 PHP
汇总PHPmailer群发Gmail的常见问题
2016/02/24 PHP
JQuery 学习笔记 选择器之六
2009/07/23 Javascript
一些常用的JavaScript函数(json)附详细说明
2011/05/25 Javascript
原生js实现给指定元素的后面追加内容
2013/04/10 Javascript
JavaScript 操作table,可以新增行和列并且隔一行换背景色代码分享
2013/07/05 Javascript
BootStrap入门教程(二)之固定的内置样式
2016/09/19 Javascript
AngularJS表单验证中级篇(3)
2016/09/28 Javascript
表单input项使用label同时引用Bootstrap库导致input点击效果区增大问题
2016/10/11 Javascript
微信小程序实现简易table表格
2020/06/19 Javascript
vue-cli或vue项目利用HBuilder打包成移动端app操作
2020/07/29 Javascript
[00:20]TI9不朽观赛名额抽取
2019/08/05 DOTA
python操作xml文件示例
2014/04/07 Python
Python tempfile模块学习笔记(临时文件)
2014/05/25 Python
在python中实现将一张图片剪切成四份的方法
2018/12/05 Python
Django框架使用内置方法实现登录功能详解
2019/06/12 Python
Python selenium模块实现定位过程解析
2020/07/09 Python
pandas apply使用多列计算生成新的列实现示例
2021/02/24 Python
简述数据库的设计过程
2015/06/22 面试题
物流仓储实习自我鉴定
2013/09/25 职场文书
拖鞋店创业计划书
2014/01/15 职场文书
2014大学生全国两会学习心得体会
2014/03/13 职场文书
机关会计岗位职责
2014/04/08 职场文书
土木工程求职信
2014/05/29 职场文书
2014年药店工作总结
2014/11/20 职场文书
2014年乡镇纪委工作总结
2014/12/19 职场文书
奖学金个人总结
2015/03/04 职场文书
大学生党员自我评价
2015/03/04 职场文书
对公司的意见和建议
2015/06/04 职场文书
2015年高中生国庆节演讲稿
2015/07/30 职场文书
幼儿园教师心得体会范文
2016/01/21 职场文书
高一作文之暖冬
2019/11/09 职场文书
mysql如何能有效防止删库跑路
2021/10/05 MySQL