javascript – 打印多个页面打印按钮
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了javascript – 打印多个页面打印按钮,小编现在分享给大家,供广大互联网技能从业者学习和参考。文章包含2247字,纯文字阅读大概需要4分钟。
内容图文
我正在尝试使用打印按钮,单击时将打印多个pdf或文件.
是否可以打印全部按钮:
<button class="btn-u btn-u-orange" name="printall" id="printall" ><i class="icon-printer"></i> Print All</button>
但是在某种程度上让它在点击时打印所有pdf或页面.我一直试图用javascript做到这一点但不幸的是我失败了.
function PrintAll() {
var pages = ["forms/82040PDFCreator.cfm", "forms/poa.cfm", "forms/Billofsalevehicle.cfm"];
for (var i = 0; i < pages.length; i++) {
var oWindow = window.open(pages[i], "print");
oWindow.print();
oWindow.close();
}
}
$("#printall").on("click",function(){
PrintAll();
});
当我选择打印时,它只会弹出第一个要打印的pdf而不是其他内容.任何有关这方面的帮助将不胜感激.
添加了coldfusion标签因为我正在调用填充pdfs的.cfms.
Iv尝试创建iframe:
<iframe src="forms/82040PDFCreator.cfm" style="width:400px; height:400px;" frameborder="0"></iframe>
<iframe src="forms/poa.cfm" style="width:400px; height:400px;" frameborder="0"></iframe>
<iframe src="forms/Billofsalevehicle.cfm" style="width:400px; height:400px;" frameborder="0"></iframe>
<iframe src="forms/IRF.cfm" style="width:400px; height:400px;" frameborder="0"></iframe>
<iframe src="forms/InsuranceAffidavit.cfm" style="width:400px; height:400px;" frameborder="0"></iframe>
<iframe src="forms/FeesBreakdown.cfm" style="width:400px; height:400px;" frameborder="0"></iframe>
他们不会都表现出来.它们都有效,但是一旦超过三个iframe,它们都不会显示出一些错误.我一直试图设置一个间隔加载它们希望它们不会超时但是不成功.如果我可以让它们全部显示,我将尝试使按钮以某种方式循环遍历iframe并打印它们.每次我点击刷新一些iframe工作一些不,不断改变哪些做,哪些不做.
尝试设置超时或间隔或某些内容以使它们全部显示:
$("#printall").on("click",function(){
var iframes = document.getElementsByTagName("iframe");
var i = 0;
window.setInterval(function(){
if(i < iframes.length){
i++;
}
}, 3000);
});
解决方法:
这适用于Chrome 64:
function PrintAll() {
var pages = ["forms/82040PDFCreator.cfm", "forms/poa.cfm", "forms/Billofsalevehicle.cfm"];
var printNext = function(i) {
i = i || 0;
if (i >= pages.length) {
return;
}
var wdw = window.open(pages[i], 'print');
wdw.onload = function() {
wdw.print();
wdw.close();
setTimeout(function() {
printNext(++i);
}, 100);
}
};
printNext();
}
对setTimeout的调用只是为了确保在打印下一个窗口之前窗口关闭.没有它,我会得到一些奇怪的行为.
内容总结
以上是互联网集市为您收集整理的javascript – 打印多个页面打印按钮全部内容,希望文章能够帮你解决javascript – 打印多个页面打印按钮所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错,欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 gblab@vip.qq.com 举报,一经查实,本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。