做打印准考证的功能,使用了JQuery Jqprint 来做。能打印带图片,在chrome 360浏览器下测试能正常使用。有些人会遇到加载多张图片时,有些图片显示不全,或者没有显示出来,因为是js异步。在jquery.jqprint-0.3.js 中有一个settimeout处理代码:
setTimeout( function() { (opt.operaSupport && $.browser.opera ? tab : $iframe[0].contentWindow).print(); if (tab) { tab.close(); } }, 1000);//如果多张图片建议把时间设置大点3000+
1.页面中需要用到Jquery.js 、jquery.jqprint-0.3.js、jquery-migrate-1.4.1.min.js(兼容文件) 如搭配不好会有版本兼容问题。
2.html页面引入三个js文件。
3.怎么调用jquery.jprint
html页面中代码:
$(document).ready(function($){//该步很关键,刚开始没加,发现老是提示jprint.js 中$iframe[0].contentWindow.document;为undefid
$('#printContent').jqprint({
debug: false, //如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false
importCSS: true, //true表示引进原来的页面的css,默认是true
printContainer: true, //表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。
operaSupport: false//,//表示如果插件也必须支持歌opera浏览器,在这种情况下,它提供了建立一个临时的打印选项卡。默认是true
})
})
以上三步调用完成。
效果