本文为大家分享了JS打印组合功能,功能全面,供大家参考,具体内容如下 1.局部打印–即想打印什么地方就打印什么地方 解决办法: 将不想打印的地方隐藏起来 <style type=”text/css” media=print> .noprint{display : none } 分页的时候用 .PageNext{page-break-after: always;} 然后给不想打印的页面元素添加: class=”Noprint” ,那就不会出现在打印和打印预览中了。 想分页的地方添加: <div class=”PageNext”></div> 就可以了。 </style> 在将不想 JavaScript(简称JS)作为一种广泛应用于前端开发的脚本语言,具有丰富的功能,其中包括与打印相关的操作。本文将深入探讨JS如何实现打印组合功能,包括局部打印、引用WebBrowser控件以及实现简单的页面局部打印。 1. **局部打印** 局部打印允许用户选择性地打印网页中的特定部分,避免不必要内容的打印。实现这一功能,可以通过CSS媒体查询(media query)来隐藏不需要打印的元素。在CSS中定义一个类 `.noprint`,将其设置为在打印时不可见: ```css <style type="text/css" media=print> .noprint { display: none; } .PageNext { page-break-after: always; } </style> ``` 然后将不需要打印的元素添加 `class="noprint"`,分页的地方添加 `class="PageNext"`。例如: ```html <p class="noprint">不需要打印的地方</p> <div class="PageNext"></div> ``` 2. **WebBrowser控件** WebBrowser控件是Internet Explorer浏览器内置的控件,用于在应用程序中嵌入Web浏览功能。在JavaScript中,可以通过调用其`ExecWB`方法执行各种操作,如: - `WebBrowser.ExecWB(1,1)` 打开新的网页 - `WebBrowser.ExecWB(2,1)` 关闭所有IE窗口并打开新窗口 - `WebBrowser.ExecWB(4,1)` 保存网页 - `WebBrowser.ExecWB(6,1)` 打印 - `WebBrowser.ExecWB(7,1)` 打印预览 - `WebBrowser.ExecWB(8,1)` 页面设置 - `WebBrowser.ExecWB(10,1)` 查看页面属性 - `WebBrowser.ExecWB(15,1)` 撤销(可能) - `WebBrowser.ExecWB(17,1)` 全选 - `WebBrowser.ExecWB(22,1)` 刷新 - `WebBrowser.ExecWB(45,1)` 关闭窗体无提示 3. **实例** 在HTML中,可以创建按钮触发打印、预览和设置操作。例如: ```html <head> <script> var wb = document.getElementById('wb'); function printsetup() { wb.execwb(8, 1); } function printpreview() { wb.execwb(7, 1); } function printit() { if (confirm('确定打印吗?')) { wb.execwb(6, 6); } } </script> <style type="text/css" media=print> .noprint { display: none } </style> </head> <body> <p> <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="wb" name="wb" width="0"></OBJECT> <input type="button" name="button_print" value="打印" onclick="javascript:printit()" /> <input type="button" name="button_setup" value="打印页面设置" onclick="javascript:printsetup();" /> <input type="button" name="button_show" value="打印预览" onclick="javascript:printpreview();" /> </p> </body> ``` 4. **简单的页面局部打印** 要实现页面局部打印,可以使用JavaScript来定位需要打印的区域。例如,定义一个函数`preview(oper)`,通过查找开始和结束标记来提取需要打印的内容,然后进行打印: ```javascript function preview(oper) { var bdhtml = window.document.body.innerHTML; var sprnstr = "<!--startprint" + oper + "-->"; var eprnstr = "<!--endprint" + oper + "-->"; var prnhtml = bdhtml.substring(bdhtml.indexOf(sprnstr) + 18); prnhtml = prnhtml.substring(0, prnhtml.indexOf(eprnstr)); window.document.body.innerHTML = prnhtml; window.print(); window.document.body.innerHTML = bdhtml; } ``` 使用时,在要打印的内容前后添加自定义的开始和结束标记,如: ``` <!–startprint1–> XXXXX <!–endprint1–> ``` 然后调用`preview(1)`即可打印该部分。 总结来说,JavaScript提供了多种方式来控制网页的打印行为,从简单的隐藏不需打印的元素到利用WebBrowser控件进行更复杂的操作,以及实现局部打印功能。这些技术使得开发者可以根据实际需求定制打印功能,提供更好的用户体验。
- 粉丝: 5
- 资源: 908
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
评论0