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 相关文章推荐
Ajax::prototype 源码解读
Jan 22 Javascript
js禁止页面使用右键(简单示例代码)
Nov 13 Javascript
jquery选择器原理介绍($()使用方法)
Mar 25 Javascript
js制作简易年历完整实例
Jan 28 Javascript
javascript实现控制文字大中小显示
Apr 28 Javascript
Js获取当前日期时间及格式化代码
Sep 17 Javascript
让你彻底掌握es6 Promise的八段代码
Jul 26 Javascript
通俗解释JavaScript正则表达式快速记忆
Aug 23 Javascript
通过JS深度判断两个对象字段相同
Jun 14 Javascript
node读写Excel操作实例分析
Nov 06 Javascript
vue-cli创建的项目中的gitHooks原理解析
Feb 14 Javascript
Vue实现移动端拖拽交换位置
Jul 29 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显示Facebook的粉丝数量方法
2014/01/08 PHP
PHP中使用Imagick实现各种图片效果实例
2015/01/21 PHP
PHP使用内置dir类实现目录遍历删除
2015/03/31 PHP
php使用Jpgraph创建柱状图展示年度收支表效果示例
2017/02/15 PHP
PHP使用PDO调用mssql存储过程的方法示例
2017/10/07 PHP
PHP实现动态创建XML文档的方法
2018/03/30 PHP
Javascript学习笔记2 函数
2010/01/11 Javascript
javascript获取网页中指定节点的父节点、子节点的方法小结
2013/04/24 Javascript
jQuery动态设置form表单的enctype值(实现代码)
2013/07/04 Javascript
JS简单实现动画弹出层效果
2015/05/05 Javascript
Ionic实现页面下拉刷新(ion-refresher)功能代码
2016/06/03 Javascript
AngularJS实现动态编译添加到dom中的方法
2016/11/04 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
2016/11/21 Javascript
Javascript中toFixed计算错误(依赖银行家舍入法的缺陷)解决方法
2017/08/22 Javascript
Vue2.0子同级组件之间数据交互方法
2018/02/28 Javascript
Vue项目添加动态浏览器头部title的方法
2018/07/11 Javascript
解决Vue开发中对话框被遮罩层挡住的问题
2018/11/26 Javascript
详解vue2.0 资源文件assets和static的区别
2018/11/27 Javascript
python的常见命令注入威胁
2013/02/18 Python
Python中使用scapy模拟数据包实现arp攻击、dns放大攻击例子
2014/10/23 Python
Python中属性和描述符的正确使用
2016/08/23 Python
ubuntu系统下 python链接mysql数据库的方法
2017/01/09 Python
基于DATAFRAME中元素的读取与修改方法
2018/06/08 Python
神经网络相关之基础概念的讲解
2018/12/29 Python
使用PyQtGraph绘制精美的股票行情K线图的示例代码
2019/03/14 Python
如何用C代码给Python写扩展库(Cython)
2019/05/17 Python
Python with语句和过程抽取思想
2019/12/23 Python
Python正则re模块使用步骤及原理解析
2020/08/18 Python
台湾流行服饰购物平台:OB严选
2018/01/21 全球购物
巴西最好的男鞋:Rafarillo
2018/05/25 全球购物
英国首屈一指的票务公司:See Tickets
2019/05/11 全球购物
党员贯彻十八大精神思想汇报范文
2014/10/25 职场文书
期中考试复习计划
2015/01/19 职场文书
董事长岗位职责
2015/02/13 职场文书
倡议书怎么写?
2019/04/11 职场文书
HTML中的表单元素介绍
2022/02/28 HTML / CSS