Javascript打印多个网页iFrame内容(打印所有按钮)

问题描述 投票:2回答:2

使用JavaScript,如何创建全部打印按钮?

只要单击“全部打印”按钮,就会遍历iFrame的其他src并打印内容。

注意,当前在主网页上设置了iFrame。有导航按钮可以更改iFrame的内容src。该主网页设置为类似于使用导航按钮浏览幻灯片内容。导航按钮实际上是在导航到不同的网页。

所以,我猜想内容需要添加到文档中或排列成阵列,以便可以通过“全部打印”按钮一次打印所有内容。

我使用以下代码成功打印了“当前幻灯片”(或iFrame内容):

function PrintCurrentSlide()
{
    var el = document.getElementById('ifMain');
    el.contentWindow.focus();
    el.contentWindow.print();
    return;
}

现在,我正在寻找一个答案来浏览iFrame src,只需单击一下即可打印内容。

javascript loops iframe printing document
2个回答
1
投票

在脚本中尝试这个

window.onload=function() {
  window.frames["printf"].focus();
  window.frames["printf"].print();
}
function print() {
var newWin = window.frames['printf'];
newWin.document.write('<body onload=window.print()>This is a new page I inserted</body>');
newWin.document.close();
}
function change(){
var url="http://www.apple.com/";
    var $iframe = $('#ifrm');
    if ( $iframe.length ) {
        $iframe.attr('src',url);   
        return false;
    }
    return true;
}

和HTML

<input type="button" onclick="print()" value="Test print"/>
<button onclick="change()">next</button>
<iframe id="printf" name="printf" src="dfgdf.html"></iframe>

这里动态放置页面并打印。使用您的逻辑来自动获取打印或单击或使用任何其他方式>


0
投票

我想出了一种解决方法。这样,您只会得到一个打印对话框。

© www.soinside.com 2019 - 2024. All rights reserved.