gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-30 00:33:22 28 4
gpt4 key购买 nike

如何使用 JavaScript 创建打印所有按钮?

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

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

因此,我猜测内容需要附加到文档或进行排列,以便可以使用“全部打印”按钮一次打印所有内容。

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

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

现在,我正在寻找一种解决方案,只需单击一下即可浏览 iFrame src 以打印内容。

最佳答案

在你的脚本中试试这个

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>

此处动态放置您的页面并进行打印。使用您的逻辑自动或通过单击或其他方式打印

关于Javascript 打印多个网页 iFrame 内容(打印所有按钮),我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28313251/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com