web的各种前端打印⽅法之jquery打印插件jqprint实现⽹
页打印
void指针变量web的打印⽅法具我⾃⼰懂得知道的有:
1、JQuery插件Jqprint实现
2、JQery打印插件PrintArea实现⽹页打印
jquery下载文件插件3、CSS控制⽹页打印样式
:
⾸先要导⼊js⽂件:
adminlte框架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"/>
:
复制代码代码如下:
<script type="text/javascript">
$(document).ready(function() {
$("#print").click(function(){
$(".my_show").jqprint();
index of admin})
});
</script>
该插件还提供了⼀些参数可配置:
debug: false,//如果是true则可以显⽰iframe查看效果(iframe默认⾼和宽都很⼩,可以再源码中调⼤),默认是false importCSS: true, //true表⽰引进原来的页⾯的css,默认是true。(如果是true,先会$(“link[media=print]“),若没有会去$(“link”)中的css⽂件)
printContainer: true,//表⽰如果原来选择的对象必须被纳⼊打印(注意:设置为false可能会打破你的C
SS规则)。operaSupport: true//表⽰如果插件也必须⽀持歌opera浏览器,在这种情况下,它提供了建⽴⼀个临时的打印选项卡。默认是true
⽽我⾃⼰使⽤到的只有importCSS:原始页⾯中的链接将导⼊到 iframe。第⼀次它媒体 searchs = 打印,如果没有,将导⼊的正常的 css ⽂件。
:
饿了吗虐猫复制代码代码如下:
crowding是不是形容词$('.my_show').jqprint({
importCSS://CSS样式⽂件
});
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论