JS快递单打印:避开IE限制,用window.print()实现

5星 · 超过95%的资源 9 下载量 31 浏览量 更新于2024-08-30 收藏 192KB PDF 举报
本文主要介绍了在JavaScript中实现快递单打印功能的方法,作者在项目需求下,针对常见的打印技术进行了分析。首先,提到了四种不同的打印策略: 1. window.print():这是最基础的打印方法,它会直接触发浏览器的打印功能,用户可以预览和调整打印设置。这种方式适用于大部分现代浏览器,但可能无法满足定制化的打印需求。 2. 使用HTML Webbrowser控件:虽然这个方法可以实现打印,但它仅在IE10及以下版本中可用,不适用于需要跨浏览器兼容的情况。 3. document.execCommand("print"):与window.print()类似,但这种方式可能会受到浏览器兼容性限制,可能不如第一种方法广泛。 4. JQuery插件:这些插件通常提供了更丰富的打印功能和自定义选项,但作者考虑到项目中避免引入jQuery,并且第三方插件可能增加复杂性和维护难度,因此被排除。 5. 第三方浏览器插件(如lodpod):这些工具同样提供高级打印功能,但同样因为其额外的复杂性和对特定插件的依赖,不是作者首选。 在作者的项目需求中,由于不需要支持IE10以下版本,且偏好简洁的解决方案,他们最终选择了使用`window.print()`函数,因为它简单易用,无需额外的库或插件,并且能够直接控制浏览器的打印流程。 文章中还提到使用CSS来创建打印样式,例如外部链接print.css文件,以及一个名为`remove_ie_header_and_footer`的函数,用于清除IE浏览器的默认页眉和页脚。`printPage`函数则作为调用打印的触发器,接受可选参数以控制打印的具体页面。 总结来说,这篇文章重点讲解了如何在JavaScript环境中,利用`window.print()`来实现快递单的简单打印,并提供了一些关于浏览器兼容性和打印控制的小技巧。对于希望快速实现基本打印功能,且不追求过多定制化选项的开发者来说,这是一种实用且相对简单的解决方案。