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 相关文章推荐
ExtJS 2.0实用简明教程 之Ext类库简介
Apr 29 Javascript
jquery1.83 之前所有与异步列队相关的模块详细介绍
Nov 13 Javascript
Js的Array数组对象详解
Feb 22 Javascript
纯JS实现弹性导航条效果
Mar 06 Javascript
基于pako.js实现gzip的压缩和解压功能示例
Jun 13 Javascript
基于BootStrap multiselect.js实现的下拉框联动效果
Jul 28 Javascript
浅谈如何使用 webpack 优化资源
Oct 20 Javascript
通过vue-cli3构建一个SSR应用程序的方法
Sep 13 Javascript
浅谈redux, koa, express 中间件实现对比解析
May 23 Javascript
vue-router二级导航切换路由及高亮显示的实现方法
Jul 10 Javascript
解决vue+webpack项目接口跨域出现的问题
Aug 10 Javascript
关于JS中的作用域中的问题思考分享
Apr 06 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编程最快明白》第四讲:日期、表单接收、session、cookie
2010/11/01 PHP
深入php之规范编程命名小结
2013/05/15 PHP
PHP set_error_handler()函数使用详解(示例)
2013/11/12 PHP
php图片缩放实现方法
2014/02/20 PHP
PHP开启opcache提升代码性能
2015/04/26 PHP
在laravel-admin中列表中禁止某行编辑、删除的方法
2019/10/03 PHP
jQuery live( type, fn ) 委派事件实现
2009/10/11 Javascript
js页面跳转常用的几种方式
2010/11/25 Javascript
购物车选中得到价格实现示例
2014/01/26 Javascript
Node.js中使用Log.io在浏览器中实时监控日志(等同tail -f命令)
2014/09/17 Javascript
jquery动态改变div宽度和高度
2015/02/09 Javascript
JS实现CheckBox复选框全选全不选功能
2015/05/06 Javascript
基于jquery实现省市区三级联动效果
2015/12/25 Javascript
剖析Node.js异步编程中的回调与代码设计模式
2016/02/16 Javascript
JavaScript实现iframe自动高度调整和不同主域名跨域
2016/02/27 Javascript
纯js实现瀑布流布局及ajax动态新增数据
2016/04/07 Javascript
jQuery删除节点用法示例(remove方法)
2016/09/08 Javascript
Bootstrap文件上传组件之bootstrap fileinput
2016/11/25 Javascript
Bootstrap CSS组件之大屏幕展播
2016/12/17 Javascript
JS实现的系统调色板完整实例
2016/12/21 Javascript
angularjs实现上拉加载和下拉刷新数据功能
2017/06/12 Javascript
angular.js实现购物车功能
2017/10/23 Javascript
jquery中有哪些api jQuery主要API
2017/11/20 jQuery
深入浅析Node环境和浏览器的区别
2018/08/14 Javascript
解决Vue中引入swiper,在数据渲染的时候,发生不滑动的问题
2018/09/27 Javascript
vue 全局环境切换问题
2019/10/27 Javascript
[03:31]DOTA2英雄基础教程 大地之灵
2013/12/17 DOTA
Python ValueError: invalid literal for int() with base 10 实用解决方法
2015/06/21 Python
python删除列表内容
2015/08/04 Python
英国领先的露营和露营车品牌之一:OLPRO
2019/08/06 全球购物
联强国际笔试题面试题
2013/07/10 面试题
生物科学系大学生的自我评价
2013/12/20 职场文书
培训专员岗位职责
2014/02/26 职场文书
政协会议宣传标语
2014/10/09 职场文书
滞留工资返还协议书
2014/10/19 职场文书
转让协议书
2015/01/27 职场文书