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 相关文章推荐
从阿里妈妈发现的几个不错的表单验证函数
Sep 21 Javascript
jsp js鼠标移动到指定区域显示选项卡离开时隐藏示例
Jun 14 Javascript
jQuery实现MSN中文网滑动Tab菜单效果代码
Sep 09 Javascript
每天一篇javascript学习小结(RegExp对象)
Nov 17 Javascript
JS组件Bootstrap dropdown组件扩展hover事件
Apr 17 Javascript
jQuery链式调用与show知识浅析
May 11 Javascript
微信小程序 本地存储及登录页面处理实例详解
Jan 11 Javascript
Zepto实现密码的隐藏/显示
Apr 07 Javascript
vue实现a标签点击高亮方法
Mar 17 Javascript
node.js 基于cheerio的爬虫工具的实现(需要登录权限的爬虫工具)
Apr 10 Javascript
vue路由守卫+登录态管理实例分析
May 21 Javascript
vue组件内部引入外部js文件的方法
Jan 18 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实现的简单美国商品税计算函数
2015/07/13 PHP
php如何实现只替换一次或N次
2015/10/29 PHP
PHP工厂模式的日常使用
2019/03/20 PHP
javascript 动态数据下的锚点错位问题解决方法
2008/12/24 Javascript
escape、encodeURI 和 encodeURIComponent 的区别
2009/03/02 Javascript
11款新鲜的jQuery插件[附所有demo下载]
2011/01/24 Javascript
jquery实现带单选按钮的表格行选中时高亮显示
2013/08/01 Javascript
javascript显示用户停留时间的简单实例
2013/08/05 Javascript
javascript实现原生ajax的几种方法介绍
2013/09/21 Javascript
js 走马灯简单实例
2013/11/21 Javascript
Javascript图片上传前的本地预览实例
2014/06/16 Javascript
jQuery中html()方法用法实例
2014/12/25 Javascript
JavaScript 常见安全漏洞和自动化检测技术
2015/08/21 Javascript
nodejs批量下载图片的实现方法
2017/05/19 NodeJs
Javascript继承机制详解
2017/05/30 Javascript
详解在AngularJS的controller外部直接获取$scope
2017/06/02 Javascript
vue2.0 实现导航守卫的具体用法(路由守卫)
2018/05/17 Javascript
axios的拦截请求与响应方法
2018/08/11 Javascript
vue兄弟组件传递数据的实例
2018/09/06 Javascript
在vue中根据光标的显示与消失实现下拉列表
2019/09/29 Javascript
JavaScript实现联动菜单特效
2020/01/07 Javascript
安装多版本Vue-CLI的实现方法
2020/03/24 Javascript
Python脚本处理空格的方法
2016/08/08 Python
Python实现模拟分割大文件及多线程处理的方法
2017/10/10 Python
python使用jieba实现中文分词去停用词方法示例
2018/03/11 Python
Window10+Python3.5安装opencv的教程推荐
2018/04/02 Python
python去重,一个由dict组成的list的去重示例
2019/01/21 Python
python科学计算之numpy——ufunc函数用法
2019/11/25 Python
CSS3感应鼠标的背景闪烁和图片缩放动画效果
2014/05/14 HTML / CSS
HTML5 播放 RTSP 视频的实例代码
2019/07/29 HTML / CSS
开办饭店创业计划书
2013/12/28 职场文书
领导证婚人证婚词
2014/01/13 职场文书
企业办公室岗位职责
2014/03/12 职场文书
《雪地里的小画家》教学反思
2016/02/16 职场文书
日元符号 ¥
2022/02/17 杂记
Valheim服务器 Mod修改安装教程 【ValheimPlus】
2022/12/24 Servers