因项目里要做页面打印预览以及打印功能,还要求兼容大部分主流浏览器
实现方式有很多最后决定用window.print();大部分浏览器都适用,
window.print()方式ie浏览器不支持打印预览,针对ie浏览器的预览用ie自有打印组件
WebBrowser.ExecWB实现
ie浏览器预览时要把不需要预览的div加上class="noprint",否则会整个页面全部预览
打印时则只打印调用printit方法时传入的div层
<HTML> <HEAD> <TITLE> New Document </TITLE> <META NAME="Generator" CONTENT="EditPlus"> <META NAME="Author" CONTENT=""> <META NAME="Keywords" CONTENT=""> <META NAME="Description" CONTENT=""> <style> @media print { .noprint { display: none } } </style> <script language="javascript"> //提示窗口 function printit(MyDiv,type){ if(type=='Preview'&&!-[1,]){ document.all.WebBrowser.ExecWB(7,1); }else{ var newstr = document.getElementById(MyDiv).innerHTML; var oldstr = document.body.innerHTML; document.body.innerHTML = newstr; window.print(); document.body.innerHTML = oldstr; return false; } } </script> </HEAD> <BODY> <span id='div1'>把要打印的内容放这里</span></br> </br> <span class="noprint" >不打印的内容放这里</span> </br> </br> <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="WebBrowser" width="0" VIEWASTEXT></OBJECT> <input type="button" value="预览" onclick="javascript:printit('div1','Preview');"> <input type="button" id="button_print" name="button_print" value="打印本单据" onclick="javascript:printit('div1','print');"> </BODY> </HTML>
相关推荐
总的来说,实现Chrome浏览器的打印预览和打印功能,主要涉及JavaScript的`window.print()` API,以及可能需要结合jQuery插件和CSS技术来优化打印效果和处理浏览器兼容性。通过研究提供的资源,开发者可以更好地掌握...
总的来说,Lodop作为一款WEB打印控件,凭借其出色的浏览器兼容性、简单的API接口和丰富的功能,成为网页打印领域的理想选择。开发者可以借助这些资源快速实现网页打印功能,提高工作效率,同时保证用户在不同浏览器...
总之,Web打印和打印预览是提高用户体验的重要环节,开发者需要关注页面的可打印性,合理利用CSS和JavaScript来实现理想的效果。而DLPrinter这样的工具或库则能进一步提升打印功能的专业性和定制化程度。
为了满足不同浏览器的兼容性和用户体验,开发者经常需要借助各种打印预览插件。本文将深入探讨如何使用JavaScript来实现跨浏览器的打印预览功能,特别是针对IE、谷歌Chrome和火狐Firefox这三大主流浏览器。 首先,...
在早期的Web开发中,实现打印预览主要依赖于浏览器自身的打印功能,但这种方式往往不能满足更高级别的定制需求。随着技术的发展,现在有多种方法可以在Web应用中实现打印预览: 1. **利用浏览器内置的打印功能**:...
如果图片是相对路径,确保其相对于打印页面的URL可访问。另外,可以使用CSS设置图片的`display`属性为`block`,确保它们在打印时不被忽视。 四、文字处理 4. 文字格式:确保文字在打印时保持清晰,可以调整字体大小...
标题中的“WEB应用程序,不预览,直接打印”指的是在Web应用中实现用户无需预览,可以直接进行打印功能的技术方案。这种技术常用于提高工作效率,避免用户在预览过程中浪费时间,尤其适用于需要频繁打印的业务场景。...
Java打印预览和Web打印是开发中经常遇到的需求,尤其在企业级应用或者网页服务中。本文将深入探讨如何在Java环境中实现这两种功能,并提供一个名为`JpdPreview`的工具包来帮助开发者轻松实现这一目标。 首先,让...
在Web环境中,打印功能通常通过浏览器的打印API或者JavaScript库来实现,它可以将网页内容转化为适合打印的格式,并提供预览和实际打印的功能。对于Excel报表,我们通常需要将网页中的表格数据导出为Excel文件,然后...
Web打印和预览是网页应用中的重要功能,它允许用户在浏览器中查看即将打印的页面效果,然后进行必要的调整和优化。在实际操作中,尤其是针对IE浏览器,可能会出现兼容性问题,导致打印预览不准确或者无法正常打印。...
在Web页面中,这通常通过调用浏览器的打印预览功能实现。例如,可以使用JavaScript的`window.print()`方法来打开打印对话框,展示即将被打印的页面效果。 三、分页处理 分页是批量打印中的关键部分,尤其是当每个...
本技术讨论主要围绕“图片上传预览(兼容所有主流浏览器)”这一主题展开,我们将深入探讨如何利用JavaScript实现这一功能,并确保其在各种主流浏览器中运行良好。 首先,我们来理解一下“图片上传预览”的概念。当...
Delphi WEB打印服务是一种在Delphi开发环境中实现的高级功能,它允许用户通过Web接口进行打印操作,包括设计打印布局、预览打印效果以及实际的打印执行。这种服务的出现,使得开发者能够构建出跨平台的远程打印解决...
1. 解压 PDF前端预览功能.zip 压缩包,复制到网站开发目录; 2. 调用方式:window.open("Scripts/lib/PDF/web/viewer.html?file=" + window.location.protocol + "//" + window.location.host + "/test.pdf"); 3....
在IT行业中,Web页面的标签打印,也称为套打,是一项关键的技术应用,尤其是在物流、零售、医疗等需要大量标签的行业中。这项技术允许用户从Web应用程序直接打印各种类型的标签,如条形码、二维码、产品信息、价格...
在Delphi WEB打印服务中,预览功能是通过渲染设计模板并在Web浏览器中显示来实现的,用户可以缩放、旋转和导航预览内容。 4. **本地和远程打印**:服务支持本地打印机和远程网络打印机,这意味着无论用户是在本地...
对于Web应用,JavaScript库如PDF.js可以实现浏览器内的PDF预览。 6. **调试与测试**:在`Debug`目录下,通常包含开发者用于测试和调试的资源和配置文件。这些可能包括编译后的代码、日志文件、设置信息等,它们有助...
"Printer_js_css" 是一个纯JavaScript实现的Web打印服务,它的核心特点在于它能够实现跨浏览器的兼容性,这意味着无论用户使用何种浏览器,都能顺利地进行打印操作。这个工具的出现,为开发者提供了极大的便利,避免...
- 将票据数据转换成PDF,利用PDF.js等库在浏览器中预览和打印,这种方式兼容性较好,但可能需要处理跨域问题。 - 使用第三方服务,如Google Cloud Print或本地的PDF打印机,如Adobe Acrobat,它们提供了更丰富的打印...
首先,`Window.print()`方法是JavaScript中用于调用浏览器内置的打印对话框的函数,用户可以在该对话框中选择打印机、页面设置等选项,然后开始打印操作。为了确保在各种浏览器中都能正常工作,我们需要关注以下几点...