web的各种前端打印方法之jquery打印插件jqprint实现网页打印


Posted in Javascript onJanuary 09, 2013

web的打印方法具我自己懂得知道的有:

1、JQuery插件Jqprint实现
2、JQery打印插件PrintArea实现网页打印
3、CSS控制网页打印样式

JQuery插件Jqprint实现
首先要导入js文件:
jquery.jqprint.js下载

<script language="javascript" src="jquery-1.7.1.min.js"></script> 
<script language="javascript" src="jquery.jqprint.js"></script>html代码:

<div class="my_show"> 
这个打印时是显示的 
</div> 
<div class="my_hidden"> 
这个打印时是隐藏的。 
</div> 
<input type="button" id="print"/>

javascript代码
<script type="text/javascript"> 
$(document).ready(function() { 
$("#print").click(function(){ 
$(".my_show").jqprint(); 
}) 
}); 
</script>

该插件还提供了一些参数可配置: 
debug: false,//如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false
importCSS: true, //true表示引进原来的页面的css,默认是true。(如果是true,先会找$(“link[media=print]“),若没有会去找$(“link”)中的css文件)
printContainer: true,//表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。
operaSupport: true//表示如果插件也必须支持歌opera浏览器,在这种情况下,它提供了建立一个临时的打印选项卡。默认是true
而我自己使用到的只有importCSS:原始页面中的链接将导入到 iframe。第一次它媒体 searchs = 打印,如果没有,将导入的正常的 css 文件。

importCSS示例

$('.my_show').jqprint({ 
importCSS://CSS样式文件 
});
Javascript 相关文章推荐
javascript使用正则获取url上的某个参数
Sep 04 Javascript
js中数组结合字符串实现查找(屏蔽广告判断url等)
Mar 30 Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(一)
May 17 Javascript
利用原生js和jQuery实现单选框的勾选和取消操作的方法
Sep 04 Javascript
ES6新特征数字、数组、字符串
Oct 01 Javascript
js获取元素的标签名实现方法
Oct 08 Javascript
jquery.zclip轻量级复制失效问题
Jan 08 Javascript
详解js前端代码异常监控
Jan 11 Javascript
element ui 对话框el-dialog关闭事件详解
Feb 26 Javascript
JavaScript callback回调函数用法实例分析
May 08 Javascript
vue输入框使用模糊搜索功能的实现代码
May 26 Javascript
vue使用require.context实现动态注册路由
Dec 25 Vue.js
web的各种前端打印方法之jquery打印插件PrintArea实现网页打印
Jan 09 #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
You might like
配置PHP使之能同时支持GIF和JPEG
2006/10/09 PHP
一个简单的PHP&amp;MYSQL留言板源码
2020/07/19 PHP
最新的php 文件上传模型,支持多文件上传
2009/08/13 PHP
PHP开发中常用的十个代码样例
2016/02/02 PHP
php实现保存周期为1天的购物车类
2017/07/07 PHP
php大小写转换函数(strtolower、strtoupper)用法介绍
2017/11/17 PHP
如何通过PHP实现Des加密算法代码实例
2020/05/09 PHP
日期函数扩展类Ver0.1.1
2006/09/07 Javascript
单击按钮显示隐藏子菜单经典案例
2013/01/04 Javascript
js如何取消事件冒泡
2013/09/23 Javascript
Array 重排序方法和操作方法的简单实例
2014/01/24 Javascript
js实现类似于add(1)(2)(3)调用方式的方法
2015/03/04 Javascript
JavaScript里实用的原生API汇总
2015/05/14 Javascript
AngularJS中的$watch(),$digest()和$apply()区分
2016/04/04 Javascript
无阻塞加载js,防止因js加载不了影响页面显示的问题
2016/12/18 Javascript
Vue2.0使用过程常见的一些问题总结学习
2017/04/10 Javascript
angular实现IM聊天图片发送实例
2017/05/08 Javascript
jquery处理checkbox(复选框)是否被选中实例代码
2017/06/12 jQuery
jQuery plugin animsition使用小结
2017/09/14 jQuery
微信小程序实现打开内置地图功能【附源码下载】
2017/12/07 Javascript
Vue中的slot使用插槽分发内容的方法
2018/03/01 Javascript
jQuery中内容过滤器简单用法示例
2018/03/31 jQuery
使用Angular Cli如何创建Angular私有库详解
2019/01/30 Javascript
vue自动路由-单页面项目(非build时构建)
2019/04/30 Javascript
使用vue-router切换页面时,获取上一页url以及当前页面url的方法
2019/05/06 Javascript
微信小程序如何实现radio单选框单击打勾和取消
2020/01/21 Javascript
javascript canvas检测小球碰撞
2020/04/17 Javascript
python+pandas分析nginx日志的实例
2018/04/28 Python
在Pandas中给多层索引降级的方法
2018/11/16 Python
解决python replace函数替换无效问题
2020/01/18 Python
python中的split、rsplit、splitlines用法说明
2020/10/23 Python
销售自荐信
2013/10/22 职场文书
业务部经理岗位职责
2014/01/04 职场文书
师生聚会感言
2014/01/26 职场文书
酒吧七夕情人节宣传语
2015/11/24 职场文书
python如何为list实现find方法
2022/05/30 Python