使用window.showModalDialog弹出的模态窗口中打印功能的实现

最新推荐文章于 2016-12-23 09:32:05 发布

search_fish

最新推荐文章于 2016-12-23 09:32:05 发布

阅读量5.1k

点赞数

CC 4.0 BY-SA版权

分类专栏： LAMP JavaScript 文章标签： webbrowser object path header function javascript

本文链接：https://blog.youkuaiyun.com/search_fish/article/details/4058095

LAMP 同时被 2 个专栏收录

12 篇文章

订阅专栏

JavaScript

1 篇文章

订阅专栏

本文介绍了两种在使用window.showModalDialog弹出的模态窗口中实现打印功能的方法。第一种方法通过<object>对象结合ActiveXObject进行注册表设置，但可能会打印错误的内容。第二种方法是在模态窗口中添加打印按钮，点击后隐藏按钮并调用window.print()进行打印。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

由于网站模块开发的需要遇到在弹出的模态窗口中实现打印功能的问题把自己的解决方法记录如下：

方法一、使用<object>对象实现在弹出模态窗口后自动打印模态窗口中的内容

由于将<object>对象放在弹出的模态窗口中无法实现打印功能，所以将<object>对象放在弹出模态窗口的页面中。

parent.php: <object id=WebBrowser name=WebBrowser classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 width=0></object> <mce:script type="text/javascript"></mce:script> model.php: <mce:script language="javascript"></mce:script>

上述代码可以实现打印功能，可是打印出的内容却是弹出模态窗口的页面的内容而不是模态窗口的内容。
一直没有找到解决的方法，还望有解决方法的朋友可以帮忙。

方法二、在弹出的模态窗口中添加打印按钮，点击打印按钮后改变按钮的css属性（为避免把按钮打印出来），使用window.print()来打印模态窗口中的内容。parent.php: <mce:script type="text/javascript"></mce:script> model.php: <mce:script type="text/javascript"></mce:script> <mce:style></mce:style><style mce_bogus="1">.btnPrint { height:26px; width:160px; font-family: Verdana, Arial, sans-serif; font-size:16px; font-weight:bold; display:inline; }</style> <input class="btnPrint" id="print" name="print" type="button" value="print" onClick="orderPrint()">