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小功能(onmouseover实现选择月份)实例代码
Nov 28 Javascript
含有CKEditor的表单如何提交
Jan 09 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
Apr 25 Javascript
小议JavaScript中Generator和Iterator的使用
Jul 29 Javascript
浅析创建javascript对象的方法
May 13 Javascript
强大Vue.js组件浅析
Sep 12 Javascript
利用JQuery实现datatables插件的增加和删除行功能
Jan 06 Javascript
bootstrap datetimepicker日期插件超详细使用方法介绍
Feb 23 Javascript
微信小程序 弹框和模态框实现代码
Mar 10 Javascript
Vue项目自动转换 px 为 rem的实现方法
Oct 29 Javascript
js实现页面图片消除效果
Mar 24 Javascript
jQuery实现容器间的元素拖拽功能
Dec 01 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
让Json更懂中文(JSON_UNESCAPED_UNICODE)
2011/10/27 PHP
php实现单链表的实例代码
2013/03/22 PHP
ThinkPHP多语言支持与多模板支持概述
2014/08/22 PHP
php站内搜索关键词变亮的实现方法
2014/12/30 PHP
php实现比较全的数据库操作类
2015/06/18 PHP
PHP实现转盘抽奖算法分享
2020/04/15 PHP
javaScript NameSpace 简单说明介绍
2013/07/18 Javascript
IE网页js语法错误2行字符1、FF中正常的解决方法
2013/09/09 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
2014/03/28 Javascript
JQuery教学之性能优化
2014/05/14 Javascript
javascript实现获取服务器时间
2015/05/19 Javascript
confirm确认对话框的实现方法总结
2016/06/17 Javascript
全面了解javascript中的错误处理机制
2016/07/18 Javascript
利用JS实现数字增长
2016/07/28 Javascript
JQuery实现列表中复选框全选反选功能封装(推荐)
2016/11/24 Javascript
bootstrap suggest下拉框使用详解
2017/04/10 Javascript
详解vue.js之绑定class和style的示例代码
2017/08/24 Javascript
Vue自定义指令上报Google Analytics事件统计的方法
2019/02/25 Javascript
在vue中使用防抖和节流,防止重复点击或重复上拉加载实例
2019/11/13 Javascript
跟老齐学Python之通过Python连接数据库
2014/10/28 Python
python控制台中实现进度条功能
2015/11/10 Python
python pandas 对series和dataframe的重置索引reindex方法
2018/06/07 Python
python读取一个目录下所有txt里面的内容方法
2018/06/23 Python
Python + OpenCV 实现LBP特征提取的示例代码
2019/07/11 Python
H5新属性audio音频和video视频的控制详解(推荐)
2016/12/09 HTML / CSS
AmazeUI 等分网格的实现示例
2020/08/25 HTML / CSS
欧洲领先的技术商店:eibmarkt.com
2019/05/10 全球购物
Araks官网:纽约内衣品牌
2020/10/15 全球购物
OnePlus加拿大官网:中国国际化手机品牌
2020/10/13 全球购物
祖国在我心中演讲稿
2014/01/15 职场文书
关于元旦的广播稿
2014/02/16 职场文书
工程承诺书怎么写
2014/05/24 职场文书
基层党建工作简报
2015/07/21 职场文书
利用Python网络爬虫爬取各大音乐评论的代码
2021/04/13 Python
idea 在springboot中使用lombok插件的方法
2021/08/02 Java/Android
Redis+Lua脚本实现计数器接口防刷功能(升级版)
2022/02/12 Redis