javascript - iframe 中的打印按钮

Question

我为所有 100 页放置了一个 iframe，并且我想向该 iframe 添加“打印”按钮。这样每个页面都有一个来自 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();" />