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 相关文章推荐
理解Javascript_09_Function与Object
Oct 16 Javascript
JavaScript设计模式之适配器模式介绍
Dec 28 Javascript
浅谈JavaScript Array对象
Dec 29 Javascript
jQuery实现提交按钮点击后变成正在处理字样并禁止点击的方法
Mar 24 Javascript
JavaScript随机打乱数组顺序之随机洗牌算法
Aug 02 Javascript
AngularJS  ng-table插件设置排序
Sep 21 Javascript
实现隔行换色效果的两种方式【实用】
Nov 27 Javascript
基于node下的http小爬虫的示例代码
Jan 11 Javascript
10 种最常见的 Javascript 错误(频率最高)
Feb 08 Javascript
详解ES6系列之私有变量的实现
Nov 21 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
Sep 12 Javascript
构建Vue大型应用的10个最佳实践(小结)
Nov 07 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
在PHP3中实现SESSION的功能(二)
2006/10/09 PHP
php解析json数据实例
2014/08/19 PHP
php转换颜色为其反色的方法
2015/04/27 PHP
php遍历、读取文件夹中图片并分页显示图片的方法
2016/11/15 PHP
TP3.2.3框架文件上传操作实例详解
2020/01/23 PHP
Javascript中暂停功能的实现代码
2007/03/04 Javascript
利用javascript移动div层-javascript 拖动层
2009/03/22 Javascript
在JavaScript中使用timer示例
2014/05/08 Javascript
使用javascript实现简单的选项卡切换
2015/01/09 Javascript
JS实现控制表格单元格垂直对齐的方法
2015/03/30 Javascript
JS+CSS实现简单滑动门(滑动菜单)效果
2015/09/19 Javascript
通过jquery-ui中的sortable来实现拖拽排序的简单实例
2016/05/24 Javascript
Angularjs 制作购物车功能实例代码
2016/09/14 Javascript
JavaScript实现简单的星星评分效果
2017/05/18 Javascript
React Native使用百度Echarts显示图表的示例代码
2017/11/07 Javascript
vue 动态修改a标签的样式的方法
2018/01/18 Javascript
vue 中动态绑定class 和 style的方法代码详解
2018/06/01 Javascript
vue加载完成后的回调函数方法
2018/09/07 Javascript
用npm安装vue和vue-cli,并使用webpack创建项目的方法
2018/09/28 Javascript
js实现炫酷光感效果
2020/09/05 Javascript
在vue中实现清除echarts上次保留的数据(亲测有效)
2020/09/09 Javascript
[02:50]【扭转乾坤,只此一招】DOTA2全新版本永雾林渊开启新篇章
2020/12/24 DOTA
[01:00:49]DOTA2-DPC中国联赛 正赛 Ehome vs iG BO3 第二场 1月31日
2021/03/11 DOTA
用实例说明python的*args和**kwargs用法
2013/11/01 Python
Python切换pip安装源的方法详解
2016/11/18 Python
用python实现刷点击率的示例代码
2019/02/21 Python
HTML5+CSS3 实现灵动的动画 TAB 切换效果(DEMO)
2017/09/15 HTML / CSS
Harrods美国:英国最大的百货公司
2018/11/04 全球购物
2014年元旦联欢会活动策划方案
2014/02/16 职场文书
大学计划书范文800字
2014/08/14 职场文书
企业党的群众路线教育实践活动领导班子对照检查材料
2014/09/25 职场文书
寒山寺导游词
2015/02/03 职场文书
2015年母亲节活动策划方案
2015/05/04 职场文书
深入浅出讲解Java8函数式编程
2022/01/18 Java/Android
Vue OpenLayer 为地图绘制风场效果
2022/04/24 Vue.js
react中useState使用:如何实现在当前表格直接更改数据
2022/08/05 Javascript