本文详细解析了JavaScript调用浏览器打印功能的多种实现方式。涵盖通用的window.print()方法,适用于主流浏览器;针对IE浏览器的专用ActiveX控件调用方案;以及如何通过CSS控制打印区域显示与分页样式,帮助开发者根据需求选择合适方案。
本文通过具体实例,详细解析了利用JavaScript调用浏览器内置打印功能的具体实现方法,旨在为相关开发者提供参考与借鉴。
通用型浏览器打印方案
首先介绍一种通用型方案,该方案兼容Internet Explorer、Firefox以及Chrome等主流浏览器。
具体实现代码如下:
window.print();
其次,介绍一种仅支持Internet Explorer浏览器的打印方案。
IE专用打印控件实现
<script>
var print=function(){
/**
* WebBrowser.ExecWB(1,1) 打开
* Web.ExecWB(2,1) 关闭现在所有的IE窗口,并打开一个新窗口
* Web.ExecWB(4,1) 保存网页
* Web.ExecWB(6,1) 打印
* Web.ExecWB(7,1) 打印预览
* Web.ExecWB(8,1) 打印页面设置
* Web.ExecWB(10,1) 查看页面属性
* Web.ExecWB(15,1) 好像是撤销,有待确认
* Web.ExecWB(17,1) 全选
* Web.ExecWB(22,1) 刷新
* Web.ExecWB(45,1) 关闭窗体无提示
*/
document.getElementById('printer').ExecWB(6,1);
}
</script>
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" id="printer"
height="0" width="0"></OBJECT>
<button onclick="print();">打印</button>
此外,还可以进一步控制打印时的显示区域以及分页样式,以满足特定的排版需求。
打印区域与分页样式控制
.noprint {
display: none;
}
.nextpage {
page-break-after: always;
}
希望本文提供的上述技术方案,能对从事JavaScript程序设计的读者有所帮助。