从 iframe 打印按钮

Question

我为我的所有 100 页都添加了一个 iframe，我想向该 iframe 添加 "Print" 按钮。这样每个页面都有一个来自 iframe 的按钮。 但是当点击打印按钮时只打印 iframe 页面。我要打印整个看到的页面。

<input type="button" value="Print" onclick="window.self.print();" />

或

<input type="button" value="Print" onclick="parent.window.focus();" />

我尝试了几个代码，但没有任何效果。

Answer 1

首先你可以添加函数：

function printMe() {
  window.print()
}

然后您可以从 iframe 的按钮调用：

<input type="button" value="Print" onclick="printMe();" />

更新

与@Manwal 的逻辑完全相同，您可以通过 id 或 class 获取容器，然后专注于此。 示例：

<input type="button" value="Print" onclick="document.getElementById('.container').focus();document.getElementById('.container').print();" />

Answer 2

试试这个代码：

<input type="button" value="Print" onclick="parent.window.focus();window.print();" />