判断 iframe 中是否有可打印内容

判断 iframe 中是否有可打印内容可以通过以下步骤实现：

1. 获取 iframe 元素
2. 获取 iframe 中的文档对象
3. 判断文档对象中是否有可打印的内容
4. 如果有可打印的内容，则可以使用 window.print() 方法进行打印

以下是一个示例代码：

var iframe = document.getElementById('myiframe');
var iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

if (iframeDoc.body.innerHTML.trim() === '') {
  alert('没有可打印的内容！');
} else {
  window.print();
}

其中，`myiframe` 是 iframe 元素的 id。该代码会检查 iframe 中的文档对象中是否有内容，如果有内容则会打印。如果没有内容，则会显示一个提示框。

相关问题

js 打印iframe中的内容

如果你想打印一个 `<iframe>` 中的内容，可以通过以下步骤实现：

1. 获取 `<iframe>` 元素的引用。你可以使用 `document.getElementById()` 或 `document.querySelector()` 方法来获取 `<iframe>` 元素的引用。

2. 等待 `<iframe>` 中的内容加载完成。你可以监听 `<iframe>` 元素的 `load` 事件来确保内容已经加载完成。

3. 获取 `<iframe>` 中的文档对象。你可以使用 `<iframe>` 元素的 `contentDocument` 属性来获取 `<iframe>` 中的文档对象。

4. 获取需要打印的内容。你可以使用文档对象的 `getElementById()` 或 `querySelector()` 方法来获取需要打印的内容。

5. 使用 `window.print()` 方法打印内容。在打印之前，你可以对需要打印的内容进行一些样式或者格式的修改。

以下是一个示例代码：

// 获取 <iframe> 元素的引用
const iframe = document.getElementById('my-iframe');

// 等待内容加载完成
iframe.addEventListener('load', () => {
  // 获取文档对象
  const iframeDoc = iframe.contentDocument || iframe.contentWindow.document;

  // 获取需要打印的内容
  const content = iframeDoc.getElementById('print-content');

  // 修改样式或格式

  // 打印内容
  window.frames['my-iframe'].focus();
  window.frames['my-iframe'].print();
});

需要注意的是，由于浏览器的安全限制，你只能打印来自同一域名下的 `<iframe>` 中的内容。如果 `<iframe>` 中的内容来自不同的域名，你将无法访问其文档对象。

iframe 打印判断

根据引用\[1\]中的代码，可以看出在点击打印按钮时，会创建一个隐藏的iframe，并将需要打印的内容写入到iframe中。然后通过设置延迟关闭iframe的方式来实现打印功能。具体的判断条件是通过设置setTimeout函数来延迟关闭iframe，而不是通过判断条件来关闭。所以，引用\[1\]中的代码中的判断条件关闭是不正确的。

另外，根据引用\[2\]和引用\[3\]中的描述，也提到了使用iframe进行打印时遇到的问题。其中引用\[2\]中提到了使用局部打印的方式，并配合CSS样式和id来实现表格展示。而引用\[3\]中提到了最开始使用window.print()方法进行打印时，遇到了样式丢失的问题。

综上所述，根据引用内容可以得出结论，使用iframe进行打印时需要注意判断条件的关闭方式，并且可能会遇到样式丢失的问题。
#### 引用[.reference_title]
- *1* *2* *3* [前端浏览器打印：iframe、react 、js](https://blog.csdn.net/weixin_40122600/article/details/103400683)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]