`
信仰在天空飘荡
  • 浏览: 12347 次
社区版块
存档分类
最新评论

WEB页面打印预览、打印 兼容所有浏览器

阅读更多

因项目里要做页面打印预览以及打印功能,还要求兼容大部分主流浏览器

实现方式有很多最后决定用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>

 

 

1
0
分享到:
评论
1 楼 July01 2017-09-26  
推荐用StratoIO打印控件,浏览器和系统的兼容性都很好,而且不会崩溃。参考http://webprint.stratoio.com/features

相关推荐

    chrome浏览器实现打印预览打印功能.zip

    总的来说,实现Chrome浏览器的打印预览和打印功能,主要涉及JavaScript的`window.print()` API,以及可能需要结合jQuery插件和CSS技术来优化打印效果和处理浏览器兼容性。通过研究提供的资源,开发者可以更好地掌握...

    WEB 打印控件Lodop,全兼容各浏览器chrome,ie,360

    总的来说,Lodop作为一款WEB打印控件,凭借其出色的浏览器兼容性、简单的API接口和丰富的功能,成为网页打印领域的理想选择。开发者可以借助这些资源快速实现网页打印功能,提高工作效率,同时保证用户在不同浏览器...

    web打印,打印预览

    总之,Web打印和打印预览是提高用户体验的重要环节,开发者需要关注页面的可打印性,合理利用CSS和JavaScript来实现理想的效果。而DLPrinter这样的工具或库则能进一步提升打印功能的专业性和定制化程度。

    js打印实现各个浏览器预览插件

    为了满足不同浏览器的兼容性和用户体验,开发者经常需要借助各种打印预览插件。本文将深入探讨如何使用JavaScript来实现跨浏览器的打印预览功能,特别是针对IE、谷歌Chrome和火狐Firefox这三大主流浏览器。 首先,...

    WEB中实现打印预览

    在早期的Web开发中,实现打印预览主要依赖于浏览器自身的打印功能,但这种方式往往不能满足更高级别的定制需求。随着技术的发展,现在有多种方法可以在Web应用中实现打印预览: 1. **利用浏览器内置的打印功能**:...

    web 调取浏览器打印 打印图片+文字

    如果图片是相对路径,确保其相对于打印页面的URL可访问。另外,可以使用CSS设置图片的`display`属性为`block`,确保它们在打印时不被忽视。 四、文字处理 4. 文字格式:确保文字在打印时保持清晰,可以调整字体大小...

    WEB应用程序,不预览,直接打印

    标题中的“WEB应用程序,不预览,直接打印”指的是在Web应用中实现用户无需预览,可以直接进行打印功能的技术方案。这种技术常用于提高工作效率,避免用户在预览过程中浪费时间,尤其适用于需要频繁打印的业务场景。...

    轻松Java打印预览、Web打印

    Java打印预览和Web打印是开发中经常遇到的需求,尤其在企业级应用或者网页服务中。本文将深入探讨如何在Java环境中实现这两种功能,并提供一个名为`JpdPreview`的工具包来帮助开发者轻松实现这一目标。 首先,让...

    WEB页面打印excel报表

    在Web环境中,打印功能通常通过浏览器的打印API或者JavaScript库来实现,它可以将网页内容转化为适合打印的格式,并提供预览和实际打印的功能。对于Excel报表,我们通常需要将网页中的表格数据导出为Excel文件,然后...

    web打印和预览的插件下载控件

    Web打印和预览是网页应用中的重要功能,它允许用户在浏览器中查看即将打印的页面效果,然后进行必要的调整和优化。在实际操作中,尤其是针对IE浏览器,可能会出现兼容性问题,导致打印预览不准确或者无法正常打印。...

    web页面批量打印

    在Web页面中,这通常通过调用浏览器的打印预览功能实现。例如,可以使用JavaScript的`window.print()`方法来打开打印对话框,展示即将被打印的页面效果。 三、分页处理 分页是批量打印中的关键部分,尤其是当每个...

    图片上传预览(兼容所有主流浏览器)

    本技术讨论主要围绕“图片上传预览(兼容所有主流浏览器)”这一主题展开,我们将深入探讨如何利用JavaScript实现这一功能,并确保其在各种主流浏览器中运行良好。 首先,我们来理解一下“图片上传预览”的概念。当...

    Delphi WEB打印服务【支持打印设计、打印预览、打印】

    Delphi WEB打印服务是一种在Delphi开发环境中实现的高级功能,它允许用户通过Web接口进行打印操作,包括设计打印布局、预览打印效果以及实际的打印执行。这种服务的出现,使得开发者能够构建出跨平台的远程打印解决...

    web前端,pdf预览功能兼容火狐,IE,谷歌等浏览器,pdf.js

    1. 解压 PDF前端预览功能.zip 压缩包,复制到网站开发目录; 2. 调用方式:window.open("Scripts/lib/PDF/web/viewer.html?file=" + window.location.protocol + "//" + window.location.host + "/test.pdf"); 3....

    web页面的标签打印(套打)

    在IT行业中,Web页面的标签打印,也称为套打,是一项关键的技术应用,尤其是在物流、零售、医疗等需要大量标签的行业中。这项技术允许用户从Web应用程序直接打印各种类型的标签,如条形码、二维码、产品信息、价格...

    【Delphi WEB打印服务】通过请求api,实现打印设计、打印预览、打印,即可做到本地和远程打印.zip

    在Delphi WEB打印服务中,预览功能是通过渲染设计模板并在Web浏览器中显示来实现的,用户可以缩放、旋转和导航预览内容。 4. **本地和远程打印**:服务支持本地打印机和远程网络打印机,这意味着无论用户是在本地...

    打印预览功能示例

    对于Web应用,JavaScript库如PDF.js可以实现浏览器内的PDF预览。 6. **调试与测试**:在`Debug`目录下,通常包含开发者用于测试和调试的资源和配置文件。这些可能包括编译后的代码、日志文件、设置信息等,它们有助...

    Printer_js_css 纯js实现web打印服务,完全兼容

    "Printer_js_css" 是一个纯JavaScript实现的Web打印服务,它的核心特点在于它能够实现跨浏览器的兼容性,这意味着无论用户使用何种浏览器,都能顺利地进行打印操作。这个工具的出现,为开发者提供了极大的便利,避免...

    web 票据打印 ie web 票据打印

    - 将票据数据转换成PDF,利用PDF.js等库在浏览器中预览和打印,这种方式兼容性较好,但可能需要处理跨域问题。 - 使用第三方服务,如Google Cloud Print或本地的PDF打印机,如Adobe Acrobat,它们提供了更丰富的打印...

    JS 实现web分页打印功能

    首先,`Window.print()`方法是JavaScript中用于调用浏览器内置的打印对话框的函数,用户可以在该对话框中选择打印机、页面设置等选项,然后开始打印操作。为了确保在各种浏览器中都能正常工作,我们需要关注以下几点...

Global site tag (gtag.js) - Google Analytics