前言

打印功能兼容IE、谷歌、火狐。

一、步骤

1.打印页面

在body层添加position:relative IE打印的时候就不会只显示第一页

代码如下（示例）：

<!-- 添加position:relative IE打印的时候就不会只显示第一页-->
<body style="overflow: visible !important; position:relative">
<OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="wb" name="wb" width="0"></OBJECT>
<div id='divContent'>打印内容......</div>
<!-- 添加noprint 打印的时候就不显示-->
<div class="noprint">
<button onclick='IEVersion'>打印</botton>
</div>
</body>

2.引入JS

代码如下（示例）：

jQuery.print.js Git下载地址

<script src="~/jquery/jquery-2.1.4.min.js"></script>
<!-- 这个适用于谷歌和火狐 -->
<script src="~/jQuery.print-master/jQuery.print.js"></script>

3.打印JS方法

代码如下（示例）：

function IEVersion() {var userAgent = navigator.userAgent; //取得浏览器的userAgent字符串  var isIE = userAgent.indexOf("compatible") > -1 && userAgent.indexOf("MSIE") > -1; //判断是否IE<11浏览器  var isEdge = userAgent.indexOf("Edge") > -1 && !isIE; //判断是否IE的Edge浏览器  var isIE11 = userAgent.indexOf('Trident') > -1 && userAgent.indexOf("rv:11.0") > -1;if(isIE) {var reIE = new RegExp("MSIE (\\d+\\.\\d+);");reIE.test(userAgent);var fIEVersion = parseFloat(RegExp["$1"]);if(fIEVersion == 7) {printpreview();//调用的是IE原生自带的打印功能} else if(fIEVersion == 8) {printpreview();} else if(fIEVersion == 9) {printpreview();} else if(fIEVersion == 10) {printpreview();} } else if(isEdge) {$("#divContent").print();//edge,调用的是jQuery.print.js的方法} else if(isIE11) {printpreview(); //IE11  }else{$("#divContent").print();//不是ie浏览器}}// execwb() 参数以及功能：//wb.execwb(1,1)//打开//wb.ExecWB(2,1);//关闭现在所有的IE窗口，并打开一个新窗口//wb.ExecWB(4,1)//;保存网页//wb.ExecWB(6,1)//打印//wb.ExecWB(7,1)//打印预览//wb.ExecWB(8,1)//打印页面设置//wb.ExecWB(10,1)//查看页面属性//wb.ExecWB(15,1)//好像是撤销，有待确认//wb.ExecWB(17,1)//全选//wb.ExecWB(22,1)//刷新//wb.ExecWB(45,1)//关闭窗体无提示
//打印预览
function printpreview(){wb.ExecWB(7,1);
}

打印和预览功能兼容IE、谷歌、火狐，解决IE打印只显示第一页相关推荐

使用 Print-js 实现打印、预览功能前端部分
一.传送门:官方文档 .大神文档二.使用方式安装: npm install print-js --save 引入: import print from 'print-js' 直接使用: // ba ...
条码打印实现预览功能（winform）
环境: 采用BarTender btw模板实现方式:转化成图片,通过图片控件,显示出图片效果即可核心代码: private BarTender.Application btapp;pri ...
js本地图片预览，兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3
//js本地图片预览,兼容ie[6-9].火狐.Chrome17+.Opera11+.Maxthon3 <!DOCTYPE html> <html xmlns="http: ...
Windows 7 Home Basic 的任务栏缩略图预览和Alt+Tab缩略图平铺预览功能已足够了
网上看到许多Win7HB强开Aero特效的文章,故本人仔细看了一下Windows 7 Home Basic 中的相关功能. 也许老旧机器的确需要几个xp即可运行的类似Aero功能的VisualTool ...
js本地图片预览，兼容ie[6-9]、火狐、Chrome17+、Opera11+、Maxthon3tr td style=width:35%; class=noBorderL
<tr> <td style="width:35%;" class="noBorderL firstTD">资格证图片</td&g ...
C#实现打印与打印预览功能
C#实现打印与打印预览功能发表日期:2010年12月31日作者:whitewin 点击:102次在windows应用程序中文档的打印是一项非常重要的功能,在以前一直是一个非常复杂的工作,Micr ...
网页中JS实现（调用）打印预览功能
近期的项目中需要在页面中实现打印预览功能--点击网页中的"打印"(Print),弹出打印预览窗口,点击窗口页面中的"开始打印"(Print),则出现浏览器的打印 ...
DELPHI 打印预览功能
在很多应用程序中,都需要程序具有打印预览功能,以避免用户由于选择不当出现打印错误. 预览实现方式为通过创建一个Tpanel的派生类并公开它的canvas属性比例尺或视区范围,使用较为不方便,笔者通过实 ...
MFC 基于多文档的打印和打印预览功能的实现
一.基础知识 1 网上有很多的关于打印的程序,一定要看清楚,是基于对话框dialog的打印功能,还是基于文档的打印功能. 如果分不清基于对话框和文档的区别,建议新建一个单文档.多文档和对话框的工程,看 ...

打印和预览功能兼容IE、谷歌、火狐，解决IE打印只显示第一页

文章目录

前言

一、步骤

1.打印页面

2.引入JS

3.打印JS方法

打印和预览功能兼容IE、谷歌、火狐，解决IE打印只显示第一页相关推荐

最新文章

热门文章