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 面向对象技术基础教程
Mar 03 Javascript
让iframe子窗体取父窗体地址栏参数(querystring)
Oct 13 Javascript
Jquery中显示隐藏的实现代码分析
Jul 26 Javascript
jquery统计输入文字的个数并对其进行判断
Jan 07 Javascript
做web开发 先学JavaScript
Dec 12 Javascript
require.js+vue开发微信上传图片组件
Oct 27 Javascript
Vuex2.0+Vue2.0构建备忘录应用实践
Nov 30 Javascript
Bootstrap CSS组件之面包屑导航(breadcrumb)
Dec 17 Javascript
AngularJS 在同一个界面启动多个ng-app应用模块详解
Dec 20 Javascript
Node.js Mongodb 密码特殊字符 @的解决方法
Apr 11 Javascript
详解JavaScript中的数组合并方法和对象合并方法
May 11 Javascript
uni-app微信小程序登录授权的实现
May 22 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教程之phpize使用方法
2014/02/12 PHP
父窗口获取弹出子窗口文本框的值
2006/06/27 Javascript
JQuery.ajax传递中文参数的解决方法 推荐
2011/03/28 Javascript
jquery.cookie实现的客户端购物车操作实例
2015/12/24 Javascript
jQuery实现导航滚动到指定内容效果完整实例【附demo源码下载】
2016/09/20 Javascript
JavaScript生成验证码并实现验证功能
2016/09/24 Javascript
javascript实现消灭星星小游戏简单版
2016/11/15 Javascript
vue.js中引入vuex储存接口数据及调用的详细流程
2017/12/14 Javascript
Node.js readline模块与util模块的使用
2018/03/01 Javascript
JavaScript中call和apply方法的区别实例分析
2018/08/03 Javascript
一篇文章,教你学会Vue CLI 插件开发
2019/04/17 Javascript
简单通过settimeout看javascript的运行机制
2019/05/10 Javascript
Javascript 对象(object)合并操作实例分析
2019/07/30 Javascript
js动态获取时间的方法分析
2019/08/02 Javascript
[01:11]回顾历届DOTA2国际邀请赛中国区预选赛
2017/06/26 DOTA
python获取当前文件路径以及父文件路径的方法
2019/07/10 Python
如何不用安装python就能在.NET里调用Python库
2019/07/12 Python
Tensorflow 定义变量,函数,数值计算等名字的更新方式
2020/02/10 Python
python实现简单井字棋小游戏
2020/03/05 Python
python3利用Axes3D库画3D模型图
2020/03/25 Python
Python ckeditor富文本编辑器代码实例解析
2020/06/22 Python
非常漂亮的CSS3百叶窗焦点图动画
2016/02/24 HTML / CSS
详解html5页面 rem 布局适配方法
2018/01/12 HTML / CSS
智能旅行箱:Horizn Studios
2018/04/30 全球购物
在阿尔卑斯山或希腊度过快乐假期:Alpine Elements
2019/12/28 全球购物
有个性的自我评价范文
2013/11/15 职场文书
兰兰过桥教学反思
2014/02/08 职场文书
国际贸易毕业生求职信范文
2014/02/21 职场文书
房屋委托书范本
2014/04/04 职场文书
《白鹅》教学反思
2014/04/13 职场文书
设计专业自荐信
2014/06/19 职场文书
中国在我心中演讲稿
2014/09/13 职场文书
意外伤害赔偿协议书
2014/09/16 职场文书
vue项目两种方式实现竖向表格的思路分析
2021/04/28 Vue.js
如何使用vue3打造一个物料库
2021/05/08 Vue.js
Pytorch 如何实现LSTM时间序列预测
2021/05/17 Python