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 相关文章推荐
浅谈如何实现easyui的datebox格式化
Jun 12 Javascript
Bootstrap基本组件学习笔记之分页(12)
Dec 08 Javascript
走进javascript——不起眼的基础,值和分号
Feb 24 Javascript
JS中使用 after 伪类清除浮动实例
Mar 01 Javascript
angularJS 发起$http.post和$http.get请求的实现方法
May 18 Javascript
vue.js实现价格格式化的方法
May 23 Javascript
jquery基于layui实现二级联动下拉选择(省份城市选择)
Jun 20 jQuery
React-Native左右联动List的示例代码
Sep 21 Javascript
微信小程序动态增加按钮组件
Sep 14 Javascript
15个顶级开源JavaScript框架和库
Oct 10 Javascript
使用vue自定义指令开发表单验证插件validate.js
May 23 Javascript
jQuery实现简单飞机大战
Jul 05 jQuery
实现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读取和保存base64编码的图片内容
2017/04/22 PHP
LaravelS通过Swoole加速Laravel/Lumen详解
2018/03/02 PHP
获取JavaScript用户自定义类的类名称的代码
2007/03/08 Javascript
JavaScript 编程引入命名空间的方法
2007/06/29 Javascript
使Ext的Template可以解析二层的json数据的方法
2007/12/22 Javascript
js Function类型
2011/12/04 Javascript
js实现广告漂浮效果的小例子
2013/07/02 Javascript
JS 屏蔽键盘不可用与鼠标右键不可用的方法
2013/11/18 Javascript
深入理解javascript的执行顺序
2014/04/04 Javascript
一个简单的全屏图片上下打开显示网页效果示例
2014/07/08 Javascript
JS创建类和对象的两种不同方式
2014/08/08 Javascript
drag-and-drop实现图片浏览器预览
2015/08/06 Javascript
JS采用绝对定位实现回到顶部效果完整实例
2016/06/20 Javascript
jQuery如何获取动态添加的元素
2016/06/24 Javascript
javascript实现简单的可随机变色网页计算器示例
2016/12/30 Javascript
JavaScript字符串检索字符的方法
2017/06/23 Javascript
vue.js 实现点击展开收起动画效果
2018/07/07 Javascript
JavaScript Array对象使用方法解析
2019/09/24 Javascript
解决VUEX的mapState/...mapState等取值问题
2020/07/24 Javascript
微信小程序通过websocket实时语音识别的实现代码
2020/08/19 Javascript
写一个Vue loading 插件
2020/11/09 Javascript
详解ES6 中的Object.assign()的用法实例代码
2021/01/11 Javascript
[07:48]DOTA2上海特级锦标赛主赛事首日RECAP
2016/03/04 DOTA
[00:15]天涯墨客终极技能展示
2018/08/25 DOTA
Python中使用摄像头实现简单的延时摄影技术
2015/03/27 Python
python中类的属性和方法介绍
2018/11/27 Python
Python实现的旋转数组功能算法示例
2019/02/23 Python
Python使用到第三方库PyMuPDF图片与pdf相互转换
2019/05/03 Python
10行Python代码计算汽车数量的实现方法
2019/10/23 Python
Python 调用有道翻译接口实现翻译
2020/03/02 Python
简述你对Statement,PreparedStatement,CallableStatement的理解
2013/03/25 面试题
有模特经验的简历自我评价
2013/09/19 职场文书
财务会计自荐信范文
2014/02/21 职场文书
辩论赛主持词
2014/03/18 职场文书
踏青活动策划方案
2014/08/19 职场文书
女性励志书籍推荐
2019/08/19 职场文书