个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
我有一个包含多个 iFrame 的网页，例如6我希望能够在一次调用中打印其中 2 个帧，而不是获取每个帧的 contentWindow 然后调用:
parent.iFrame1.focus();
parent.iFrame1.print();
parent.iFrame2.focus();
parent.iFrame2.print();
因为它在浏览器中的两个单独的打印预览窗口中打印内容。
我尝试了以下方法，但没有一个真正能给我我正在寻找的东西或为我工作(即内容被 chop )
是否有可能做到或者我已经死马了？
我也尝试过从 iframe 中获取 html 并将其写入新文档，但感觉这有点繁琐。此外，还有多个 css 和脚本文件等需要合并以呈现一个有凝聚力的页面。
任何答案将不胜感激!
我尝试过但迄今为止尚未奏效的潜在解决方案:
Wait for html to write to window before calling window.print()
Print preview from multiple iframes?
https://graciesdad.wordpress.com/2007/04/19/all-in-one-printing-from-multiple-iframes/
最佳答案
我会使用另一个 iframe 来完成这项工作。不过，该 iframe 必须位于同一域中。
在您的主页(例如 mydomain/index.html)
<html>
<head>
<style>
.print {
visibility: hidden;
}
</style>
</head>
<body>
<script>
function printIframes(urls) {
var iframe = document.createElement('iframe');
iframe.className = "print";
iframe.src = `print.html?urls=${encodeURIComponent(urls.join(','))}`;
iframe.onload = function () {
this.contentWindow.focus();
this.contentWindow.print();
};
document.body.appendChild(iframe);
}
</script>
</body>
</html>
printIframes()函数接受要打印的外部页面的 url 数组。它创建一个加载 .iframe 的“不可见” iframe(参见 print.html css 类)。查询字符串中包含这些 url:
<iframe src="print.html?urls=http://example.com,http://example.com"></iframe>
如果您直接访问该 iframe，您将看到以下内容:
在 print.html 例如mydomain/print.html
此页面解码urls查询字符串并为每个要加载的网址创建一个 iframe。
<html>
<body>
<script>
var urls = document.location.search.split('=')[1];
urls = decodeURIComponent(urls);
urls = urls.split(',');
urls.forEach(url => {
var iframe = document.createElement('iframe');
iframe.src = url;
document.body.appendChild(iframe)
});
</script>
</body>
</html>
示例
在此屏幕截图中，我加载主页 (index.html)，并在开发人员控制台中调用 printIframes()函数:(你实际上不会看到它们)
紧接着是打印该 iframe 内容的请求。
关于javascript - 在 iFrame 中将两个 contentWindows 作为一个打印，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53456976/
25
4
0
这个问题在这里已经有了答案: How to initialize var? (11 个答案) 关闭 8 年前。 我想给一个变量赋初值 null，并在下一个 if-else block 中赋值，但是编
我正在使用 TypeScript 3.8 编写 JS 和 TS 混合的代码。我写了以下行: export * as Easing from './easing'; 应该是 fair game在 Typ
我需要将 R 代码中的“/”更改为“\”。我有这样的事情: tmp <- paste(getwd(),"tmp.xls",sep="/") 所以我的 tmp是 c:/Study/tmp.xls 我希望
我有个问题。例如我有这个: id truth count 1 1 1 2 1 2 3 0 0 4 1 1 5 1 2 6 1
我正在尝试使用“IN”和“=”来查找一些 bean。我目前正在使用此代码: $ids = array(1,2,3,4); $user = 1; $things = R::find( 'thing'
是否可以在 Xcode 中部署到其他人的手机上？我没有 iPhone，但我想测试我在 friend 手机上制作的应用程序。在我支付 99 美元之前，我想确保这不会造成麻烦。 谢谢。 最佳答案 不会有任
我试图得到一个非常大的数字(超过 unsigned long long int )。所以我把它作为一个字符串，然后一个数字一个数字地转换成整数并使用它。 #include #include int
我在 Rust 中有 C 语言库的绑定(bind)，但它们并不完整。 在 C 代码中，我定义了一个简化的宏，如下所示: #define MY_MACROS1(PTR) (((my_struct1
我正在努力解决这个问题。 http://jsfiddle.net/yhcqfy44/ 动画应该自动相对于 滚动到顶部每次出现滚动条时的高度。 我已经写了这个，但没有运气: var hheight =
我正在处理一个将数字作为字符串返回的 JSON API。例如 "12" ，但是，该字段值也可以是非数字的，例如:"-" . 我已将 JSON 数据解析为映射，我想将此字段提取为 elixir 中的整数
我正在尝试编写一个类，将.wav文件转换为.aiff文件作为项目的一部分。 我遇到了几个库Alvas.Audio(http://alvas.net/alvas.audio,overview.aspx)
我想在 Lucene 中将像“New York”这样的“复合词”索引为单个术语，而不是像“new”、“york”那样。这样，如果有人搜索“new place”，则包含“new york”的文档将不会匹
我希望这个解释能让我更好地了解使用宏的优点。 最佳答案 在函数中，所有参数在调用之前都会被评估。 这意味着 or 作为函数不能是惰性的，而宏可以将 or 重写为 if 语句，该语句仅在以下情况下计算分
我有一些看起来像这样的 XML foo ]]> (注意 > 登录 "> foo")和 XSLT 样式表 当我运行xsltproc stylesheet.xs
当我尝试将 Any 转换为 List 时，如下面的示例所示，我得到“Unchecked cast: Any!”到列表'警告。有没有解决此类问题的方法？ val x: List = objectOfTy
我正在使用 Python 开发一个简单的爬虫。目的是创建一个 sitemap.xml。(你可以在这里找到真正的 alpha 版本:http://code.google.com/p/sitemappy/
我想知道在 VBScript 中是否可以在多行中中断 If 语句。喜欢: If (UCase(Trim(objSheet.Cells(i, a).Value)) = "YES") Or _ (UCas
for (String item : someList) { System.out.println(item); } 使用“do while”是否等效？ 谢谢。 最佳答案 如果列表为空，f
这个问题已经有答案了: 已关闭10 年前。 Possible Duplicate: Split string with delimiters in C 在 C 中将“，”分隔的列表拆分为数组的最佳方法
我有一个如下所示的字符数组: [0, 10, 20, 30, 670] 如何将此字符串转换为整数数组？ 这是我的数组 int i=0; size_t dim = 1; char* array = (c
我是一名优秀的程序员,十分优秀！