JavaScript实现网页打印的三种方式解析

作者:青柠

时间:2026-10-29

浏览:378

本文介绍JavaScript实现网页打印的三种常用方法:window.print()、WebBrowser控件及document.execCommand('print')。重点分析各方法的代码实现、兼容性要求及浏览器安全限制,特别指出WebBrowser控件依赖IE5.5+且受安全设置影响,帮助开发者根据实际需求选择合适方案。

文章目录

JavaScript实现网页打印的三种方式解析

此前有朋友提及网页打印的相关技巧,在闲暇时刻整理了几段相关代码,在此分享交流。



由于缺乏实际打印设备与经验,具体视觉效果难以直观判断。经测试,生成PDF文件功能正常,其中第二种方法在弹出的设置窗口中相比其他两种多出了部分选项。



需注意,第二种方法所依赖的控件需IE5.5及以上版本支持。此外,因涉及控件调用,若客户端IE浏览器的安全设置等级过高,可能导致该功能无法正常运行。


特别提示


执行本例代码时,若系统已安装打印机,将直接调用打印机进行页面打印;若未安装,则会提示用户安装打印机驱动。



1.利用window对象的print方法 

利用window对象的print方法

<button onClick="window.print()">打印</button>



2.利用WebBrowser控件 


利用WebBrowser控件

<object id="WebBrowser" width=0 height=0


classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object>


<button onClick="WebBrowser.ExecWB(8,1)">打印</button>



3.在文档区域执行print命令 

在文档区域执行print命令

<button onClick="document.execCommand('print')">打印</button>


实用工具推荐

电子包浆

绿化、压缩、噪点和虚拟水印,自由调节做旧程度。

使用 ›
图片压缩

选择画质和输出格式,预览压缩前后的大小。

使用 ›
相关文章