打印时如何设置iframe获得焦点？？？

xueqs 2004-09-27 12:57:27

js脚本中如何设置本页面中的一个iframe为获得焦点？用document.Form1.view.focus() ;老是报错说document.Form1.view为空或不是对象；document.body.getElementsByTagName(view).focus();也不行

...全文

185 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

全息宇宙 2004-09-28

打赏
举报

回复

否则会打印整个页面

全息宇宙 2004-09-28

打赏
举报

回复

打印时首先将iframe设置焦点，然后再打印iframe

document.all.iframename.focus();
document.all.iframename.print();

xueqs 2004-09-27

打赏
举报

回复

为什么用iframe打印时，会将整个页面都打印了，而不是只打印iframe的内容？

全息宇宙 2004-09-27

打赏
举报

回复

document.all.iframename.focus()

本文介绍了一种通过将iframe的高度和宽度设为0来隐藏其在界面中的显示，并在此基础上实现打印功能的方法。具体实现了通过JavaScript操作iframe内部DOM并打印特定内容的功能。此外，还提供了两种备选方案：使用window.open()打开新窗口进行打印和直接打印iframe。

本文介绍了如何在Vue项目中利用iframe实现局部打印，通过创建隐藏的iframe，将需要打印的内容插入并设置样式，最后调用iframe的打印方法来完成区域打印。示例代码展示了从数据绑定到打印按钮触发的完整流程。

博客讲述了在前端开发中实现浏览器打印遇到的问题和解决过程。首先，直接使用`window.print()`方法导致样式丢失；接着尝试局部打印和基础div样式，但依然存在问题；最后通过iframe并调整CSS解决了打印弹窗显示问题，实现完美打印。总结了关键点，包括避免父页面内容渲染和正确处理iframe关闭。

这篇博客介绍了如何利用JavaScript和HTML的iframe元素来实现在页面中隐藏打印信息的功能。通过创建一个隐藏的iframe，将需要打印的内容注入到iframe的body中，然后根据浏览器类型（IE或非IE）调用不同的打印方法。在IE浏览器中，需要先显示iframe并使其获取焦点，然后通过回调函数进行打印；非IE浏览器则直接调用iframe的print方法。这个方法对于需要定制打印内容的场景非常实用。

本文介绍在React应用中，如何利用iframe来实现局部页面的打印，并详细说明如何在打印过程中去除页眉和页尾，以达到干净整洁的打印效果。

87,989

社区成员

224,684

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章