Jqprint轻量级页⾯打印插件
最近项⽬中需要在页⾯上添加⼀个打印的按钮,上⽹搜索了⼀下就发现了这个好⽤的超轻量插件,使⽤起来很⽅便
1.⾸先需要引⼊必须的js⽂件
<script language="javascript" src="jquery-1.4.4.min.js"></script>
<script language="javascript" src="jquery.jqprint-0.3.js"></script>
2.之后只要到需要打印的页⾯区域$().jqprint()即可
⽐如:
<body>
<button>打印</button>
<div id="print">
<p>这⾥是要打印的内容</p>
<p>打印内容包括:我的打印内容,可以是图⽚,按钮,表格等任何元素</p>
</div>
jquery插件分享</body>
<script>
$("#print").jqprint();
</script>
就会调⽤浏览器的打印功能来打印id为print中的内容
3.jqprint()中可以写⼊参数,⼀般有以下⼏种:
jqprint({
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
})
4.最后,如果其在打印时需要独特的css样式,除了可以直接写在style属性内还可以通过
<link href="printShou.css" rel="stylesheet"type="text/css" media="print"/>
来引⽤外部css⽂件中的样式。这样的好处是该样式只会在打印时才应⽤,这样在打印表格时就可以防⽌表格变形啦。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论