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学习笔记之获取当前目录的实现代码
Dec 14 Javascript
基于jquery打造的百分比动态色彩条插件
Sep 19 Javascript
setInterval,setTimeout与jquery混用的问题
Apr 08 Javascript
点击A元素触发B元素的事件在IE8下会识别成A元素
Sep 04 Javascript
JavaScript常用小技巧小结
Dec 29 Javascript
jquery实现动态操作select选中
Feb 11 Javascript
jquery实现仿JqueryUi可拖动的DIV实例
Jul 31 Javascript
JavaScript的变量声明提升问题浅析(Hoisting)
Nov 30 Javascript
jQuery删除当前节点元素
Dec 07 Javascript
Angular2之二级路由详解
Aug 31 Javascript
微信小程序使用车牌号输入法的示例代码
Aug 20 Javascript
element el-tree组件的动态加载、新增、更新节点的实现
Feb 27 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新手上路(十)
2006/10/09 PHP
php下检测字符串是否是utf8编码的代码
2008/06/28 PHP
PHP多线程模拟实现秒杀抢单
2018/02/07 PHP
浅谈Laravel中的三种中间件的作用
2019/10/13 PHP
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
document.getElementBy(&quot;id&quot;)与$(&quot;#id&quot;)有什么区别
2013/09/22 Javascript
jQuery插件scroll实现无缝滚动效果
2015/04/27 Javascript
javascript的BOM汇总
2015/07/16 Javascript
JQuery在循环中绑定事件的问题详解
2016/06/02 Javascript
如何利用模板将HTML从JavaScript中抽离
2016/10/08 Javascript
基于JavaScript实现购物车功能
2017/02/07 Javascript
Bootstrap输入框组件简单实现代码
2017/03/06 Javascript
Vue.js基础学习之class与样式绑定
2017/03/20 Javascript
jQuery制作全屏宽度固定高度轮播图(实例讲解)
2017/07/08 jQuery
vue resource post请求时遇到的坑
2017/10/19 Javascript
vue通过数据过滤实现表格合并
2020/11/30 Javascript
vue.js实现二级菜单效果
2019/10/19 Javascript
jsonp格式前端发送和后台接受写法的代码详解
2019/11/07 Javascript
js+h5 canvas实现图片验证码
2020/10/11 Javascript
玩转python爬虫之爬取糗事百科段子
2016/02/17 Python
Python编程图形库之Pillow使用方法讲解
2018/12/28 Python
spyder 在控制台(console)执行python文件,debug python程序方式
2020/04/20 Python
python sitk.show()与imageJ结合使用常见的问题
2020/04/20 Python
keras 两种训练模型方式详解fit和fit_generator(节省内存)
2020/07/03 Python
德国香水、化妆品和护理产品网上商店:Parfumdreams
2018/09/26 全球购物
Jar包的作用是什么
2014/03/30 面试题
工商管理实习自我鉴定
2013/09/28 职场文书
关于安全的演讲稿
2014/05/09 职场文书
2014年党员整改措施范文
2014/09/21 职场文书
停车场管理协议书范本
2014/10/08 职场文书
2014年学生会个人工作总结
2014/11/07 职场文书
出纳岗位职责
2015/01/31 职场文书
4S店收银员岗位职责
2015/04/07 职场文书
挂职锻炼工作总结2015
2015/05/28 职场文书
2016年法制宣传月活动总结
2016/04/01 职场文书
spring boot中nativeQuery的用法
2021/07/26 Java/Android