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 09 Javascript
javascript定义函数的方法
Dec 06 Javascript
当前页禁止复制粘贴截屏代码小集
Jul 24 Javascript
Javascript限制网页只能在微信内置浏览器中访问
Nov 09 Javascript
JS原型链怎么理解
Jun 27 Javascript
详解JavaScript RegExp对象
Feb 04 Javascript
原生JS实现九宫格抽奖效果
Apr 01 Javascript
javascript数组拍平方法总结
Jan 20 Javascript
vue实现循环切换动画
Oct 17 Javascript
vue实现条件叠加搜索的解决方法
May 28 Javascript
Nuxt.js实现一个SSR的前端博客的示例代码
Sep 06 Javascript
react组件基本用法示例小结
Apr 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
虫族 Zerg 热键控制
2020/03/14 星际争霸
PHP与SQL注入攻击[一]
2007/04/17 PHP
php 无限级缓存的类的扩展
2009/03/16 PHP
解析PHP将对象转换成数组的方法(兼容多维数组类型)
2013/06/21 PHP
解析argc argv在php中的应用
2013/06/24 PHP
PHP生成树的方法
2015/07/28 PHP
PHP中strcmp()和strcasecmp()函数字符串比较用法分析
2016/01/07 PHP
phpMyAdmin无法登陆的解决方法
2017/04/27 PHP
php实现基于pdo的事务处理方法示例
2017/07/21 PHP
基于Jquery的动态创建DOM元素的代码
2010/12/28 Javascript
jQuery hover 延时器实现代码
2011/03/12 Javascript
window.dialogArguments 使用说明
2011/04/11 Javascript
JavaScript 32位整型无符号操作示例
2013/12/08 Javascript
js在输入框屏蔽按键,只能键入数字的示例代码
2014/01/03 Javascript
js中自定义方法实现停留几秒sleep
2014/07/11 Javascript
EasyUi datagrid 实现表格分页
2015/02/10 Javascript
jquery插件tytabs.jquery.min.js实现渐变TAB选项卡效果
2015/08/25 Javascript
基于jquery实现表格无刷新分页
2016/01/07 Javascript
Vue2.0实现1.0的搜索过滤器功能实例代码
2017/03/20 Javascript
jquery仿京东商品放大浏览页面
2017/06/06 jQuery
浅谈实现vue2.0响应式的基本思路
2018/02/13 Javascript
JS实现获取毫秒值及转换成年月日时分秒的方法
2018/08/15 Javascript
JS实现可切换图片的幻灯切换效果示例
2019/05/24 Javascript
JavaScript实现图片放大镜效果
2019/06/27 Javascript
node.js express框架实现文件上传与下载功能实例详解
2019/10/15 Javascript
javascript前端和后台进行数据交互方法示例
2020/08/07 Javascript
[58:21]DOTA2亚洲邀请赛 4.3 突围赛 Liquid vs VGJ.T 第二场
2018/04/04 DOTA
详解python深浅拷贝区别
2019/06/24 Python
Python 最强编辑器详细使用指南(PyCharm )
2019/09/16 Python
python hash每次调用结果不同的原因
2019/11/21 Python
Shoes For Crews法国官网:美国领先的防滑鞋设计和制造商
2018/01/01 全球购物
KEEN美国官网:美国人气户外休闲鞋品牌
2021/03/09 全球购物
介绍一下Java中的Class类
2015/04/10 面试题
应届生法律顾问求职信
2013/11/19 职场文书
后勤采购员岗位职责
2013/12/19 职场文书
2015年教师节主持词
2015/07/03 职场文书