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

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

相关推荐

    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页面完美调用海康摄像头demo,支持预览、抓拍、录像、最重要的是支持云台

    web页面完美调用海康摄像头demo,支持预览、抓拍、录像、最重要的是支持云台、支持云台、支持云台。

    浏览器全兼容视频播放源码.zip

    摄像头实时预览视频全浏览器兼容的的一种实现技术方法。通过RTSP取流,然后使用Websocket推流。包括取流客户端、Websocket服务器以及JS实现的Websocket客户端。使用C# .NETCore 3.1 MVC Web和Winform实现。

    大华摄像头通过webplugin.exe实现web界面视频预览,亲测可用,免费下载

    公司要把大华摄像头集成到网页上预览,海康的有现成的sdk开发...通过调用大华的plugin实现的摄像头控制,兼容IE11亲测可用,内涵demo,只需要安装webplugin.exe,之后重启浏览器即可.文件内包括使用说明,示例代码,开发文档.

    基于HTML的PDF展示 pdf.js 兼容旧版浏览器

    pdf.js是社区驱动和Mozilla Labs的支持。我们的目标是创建一个通用的,基于标准的网络平台解析和渲染PDF,并最终释放出的PDF阅读器的扩展。...示例地址: http://mozilla.github.com/pdf.js/web/viewer.html

    将pdf转换为swf在web页面中显示

    利用FlashPaper将pdf转换为swf在使其能在web页面中显示,兼容各大浏览器 测试版本ie7+ 具体操作见博客 http://blog.csdn.net/qianqianyixiao1/article/details/43601645

    TMS WEB Core for RAD Studio 10.3

    目前,TMS WEB核心技术预览版免费提供给所有活跃的TMS all access客户。一旦我们有了试用版,它将提供给所有感兴趣的用户。当有完整的发行版时,它也将被单独出售给任何感兴趣的用户。 用户需要浏览器插件或其他...

    海康威视web32位.rar

    海康威视Web开发包,其中包括32位和64位的开发包。建议先使用32位的开发包。注意:目前只适用于IE和搜狗浏览器的兼容模式

    海康威视 摄像头web3.0开发包

    1、配置参照 DEMO实例参考图片 ...3、从通道列表中选择显示通道 4、选中显示区域点击右上角开始预览 ... 6、浏览器插件更改的是IE内核所以尽量采用QQ浏览器或360等使用IE内核的浏览器,兼容32位浏览器

    大华摄像头_WEB_HTML.rar

    此页面兼容IE内核的浏览器(如:IE10、360等),虽然有这个限制,但是在实时预览的时候,不会存在任何延迟,因为都是局域网直连摄像头。 若想脱离浏览器插件以及chrome等浏览器,可以通过ffmpeg转为rtmp,利用...

    良田高拍仪摄像头插件兼容chrome含demo可直接使用

    良田高拍仪兼容chrome进行操作的demo程序,程序需要安装对应的驱动,驱动包含在资源中。控件件支持IE,Chrome,FireFox三大主流浏览器内核,支持Win7,Win8,Win8.1及Win10等操作系统。注意:浏览器需要支持HTML5...

    海康威视 视频WEB插件 含最新版测试demo

    提供适用于Windows桌面操作系统IE、Chrome、Firefox浏览器的实时视频预览和录像回放功能,支持32/64位Chrome、Firefox、IE11浏览器,支持32位IE10浏览器(兼容64位IE10)。

    layer jQuery弹出层插件写的图片查看器(相册层),兼容主流浏览器

    layer是一款近年来备受青睐的web弹层组件,它具备全方位的解决方案,致力于服务各水平段的开发人员,您的页面会轻松地拥有丰富友好的操作体验。

    iOS文件浏览器 ,支持系统文件预览和第三方软件打开文件 。兼容iPhone X系列.zip

    软件开发设计:PHP、QT、应用软件开发、系统软件开发、移动应用开发、网站开发C++、Java、python、web、C#等语言的项目开发与学习资料 硬件与设备:单片机、EDA、proteus、RTOS、包括计算机硬件、服务器、网络设备、...

    海康摄像头预览不需安装插件,支持chrome

    主要解决无法再高版本上播放海康视频,测试可以播放

    在线预览pdf文件的js插件

    用于在线预览pdf文件的JS插件,支持IE9,chrome,firefox等主流浏览器 使用时需要部署在服务器上,通过http://localhost:8080/app/web/viewer.html?file=a.pdf预览

    海康威视视频WEB插件 videowebplugin.exe

    提供适用于Windows桌面操作系统IE、Chrome、Firefox浏览器的实时视频预览和录像回放功能,支持32/64位Chrome、Firefox、IE11浏览器,支持32位IE10浏览器(兼容64位IE10)。 安装该插件,可以支持浏览器端加载监控...

    pdfjs-1.1.114-dist.zip

    主要是想实现一个在线预览PDF的功能,这个能兼容所有浏览器,效果也是港港的,给你们瞅瞅DEMO:http://mozilla.github.io/pdf.js/web/viewer.html,由于官网下载很慢很慢很慢,故在此贴出来分享一下。

    rtsp转hls相关代码资源以及工具.zip

    Java集成海康摄像头实现web实时预览,兼容高版本浏览器

    Unity 发布的web GL 实现中文输入.txt

    Unity 发布的web GL 实现中文输入 , 兼容所有浏览器 注意: demo 并不采用网上盛传的 WebGL IME 的插件! 下载后请打开发布包中的 .html 文件进行预览。 Demo 演示使用的Unity版本是 Unity 5.6, 实际使用不限制...

Global site tag (gtag.js) - Google Analytics