JS调用IE的打印功能

最新推荐文章于 2021-02-20 16:22:35 发布
最新推荐文章于 2021-02-20 16:22:35 发布
阅读量3.9k 收藏
点赞数
分类专栏： Java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wuqinfei_cs/article/details/39184827
版权



 下载:  相关资源下载(免积分)



<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=7"/>
    <title>print1</title>
    <script type="text/javascript">
    window.onload = function() {
        pagePrintSetup();
    }
    // 打印
    function printPage() {  
        beforePrint();
        callPrint();
        afterPrint();
    }   
    // 调用打印
    function callPrint() {
        document.all.WebBrowser.ExecWB(6,1); // 打印
        // document.all.WebBrowser.ExecWB(8,1); // 设置
        // document.all.WebBrowser.ExecWB(7,1); // 预览
    }
    function beforePrint() {
        document.getElementById("printBtn").style.display = "none";
        document.getElementById("currentTime").innerHTML = formatDatetime( new Date() );
    }
    function afterPrint() {
        document.getElementById("printBtn").style.display = "inline-block";
        document.getElementById("currentTime").innerHTML = "";
    }
    // 格式化日期为字符串: 2013-12-12 12:12
    function formatDatetime(v){
        if( !v ) {
            return "";
        }
        var d = new Date(v);
        return d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes();
    }
    </script>
    
<style>
.printArea {width: 606px; margin: 0 auto;}
.commonTable { border-collapse: collapse; font-size: 12px; font-family: "宋体"; color: #323232; margin-top: -1px; }
#firstTable th { font-size: 18px; font-family: "黑体"; padding: 12px 0; color: #323232; text-align: center;}
.commonTable td { border: solid 1px #c0c0c0; line-height: 18px; height: 26px; vertical-align: middle; }
.labelTd { width: 86px; background-color: #eeeeee; text-align: right; padding-right: 6px; }
.contentTd { width: 128px; padding-left: 6px; }
.widerContentTd { width: 200px; }
.colspan300Px { width: auto; max-width: 300px; }
.colspan500Px { width: auto; max-width: 500px; }
.imgTd { text-align: center; vertical-align: middle; width: 141px; }
.imgTd img{ text-align: center; vertical-align: middle; width: 120px; border:none 0;}
.thirdTable td{ text-align: center; padding: 0; }
#currentTime { font-size: 10px; font-weight: normal; font-family: arial; text-align: right; }
#printBtn { display: inline-block; font-weight: normal; font-size: 14px; width: 90px; height: 37px; cursor: pointer; background: url(./105_2.gif) no-repeat; }

</style>
</head>
<body>

    <object id="WebBrowser" height="0" width="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"
        viewastext></object>

<div class="printArea">
        
    <table id="firstTable" class="commonTable">
        <tr>
            <th></th>
            <th colspan="3">常住人口信息表</th>
            <th id="functionGroup">
                <a id="printBtn" οnclick="printPage()"></a>
                <span id="currentTime"></span>
            </th>
        </tr>
        <tr>
            <td class="labelTd" id="firstCell">人员状态</td>
            <td class="contentTd">在册</td>
            <td class="labelTd">人户一致性</td>
            <td class="contentTd">人户一致</td>
            <td class="imgTd" rowspan="5"><img src="./nophoto.jpg"></td>
        </tr>
        <tr>
            <td class="labelTd">姓名</td>
            <td class="contentTd colspan300Px" colspan="3">张三</td>
        </tr>
        <tr>
            <td class="labelTd">曾用名</td>
            <td class="contentTd colspan300Px" colspan="3">张四</td>
        </tr>
        <tr>
            <td class="labelTd">性别</td>
            <td class="contentTd">男</td>
            <td class="labelTd">名族</td>
            <td class="contentTd">汉族</td>
        </tr>
        <tr>
            <td class="labelTd">出生日期时间</td>
            <td class="contentTd colspan300Px" colspan="3">2014 年 06 月 02 日 0 时30 分</td>
        </tr>
    </table>

</div>      
</body>
</html>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=7"/>
    <title>print2</title>
    <script type="text/javascript">
    window.onload = function() {
        pagePrintSetup();
    }
    // 打印
    function printPage() {  
        beforePrint();
        callPrint();
        afterPrint();
    }   
    // 调用打印
    function callPrint() {
        var srcBody = '', startPrintMark = '', endPrintMark = '', printContent = '';
        srcBody = window.document.body.innerHTML;
        startPrintMark = "<!--startprint-->";
        endPrintMark = "<!--endprint-->";  
        printContent = srcBody.substring(srcBody.indexOf(startPrintMark) + startPrintMark.length); 
        printContent = printContent.substring(0, printContent.indexOf(endPrintMark));
        window.document.body.innerHTML = printContent;
        window.print();
        window.document.body.innerHTML = srcBody;
        window.location.reload();
    }
    function beforePrint() {
        document.getElementById("printBtn").style.display = "none";
        document.getElementById("currentTime").innerHTML = formatDatetime( new Date() );
    }
    function afterPrint() {
        document.getElementById("printBtn").style.display = "inline-block";
    }

    // 设置网页打印的页眉页脚为空
    function pagePrintSetup(){
        try{
            var RegWsh = new ActiveXObject("WScript.Shell");
            var hkey_root = "HKEY_CURRENT_USER";
            var hkey_path = "\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
            var hkey_key="header";
            RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"");
            hkey_key="footer";
            RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"");
            hkey_key="Print_Background";
            RegWsh.RegWrite(hkey_root+hkey_path+hkey_key,"yes");
        }catch(e){ 
            alert("请降低IE安全级别,自动设置打印!"); 
        }
    }

    // 格式化日期为字符串: 2013-12-12 12:12
    function formatDatetime(v){
        if( !v ) {
            return "";
        }
        var d = new Date(v);
        return d.getFullYear() + "-" + (d.getMonth() + 1) + "-" + d.getDate() + " " + d.getHours() + ":" + d.getMinutes();
    }
    </script>
    
<style>
.printArea {width: 606px; margin: 0 auto;}
.commonTable { border-collapse: collapse; font-size: 12px; font-family: "宋体"; color: #323232; margin-top: -1px; }
#firstTable th { font-size: 18px; font-family: "黑体"; padding: 12px 0; color: #323232; text-align: center;}
.commonTable td { border: solid 1px #c0c0c0; line-height: 18px; height: 26px; vertical-align: middle; }
.labelTd { width: 86px; background-color: #eeeeee; text-align: right; padding-right: 6px; }
.contentTd { width: 128px; padding-left: 6px; }
.widerContentTd { width: 200px; }
.colspan300Px { width: auto; max-width: 300px; }
.colspan500Px { width: auto; max-width: 500px; }
.imgTd { text-align: center; vertical-align: middle; width: 141px; }
.imgTd img{ text-align: center; vertical-align: middle; width: 120px; border:none 0;}
.thirdTable td{ text-align: center; padding: 0; }
#currentTime { font-size: 10px; font-weight: normal; font-family: arial; text-align: right; }
#printBtn { display: inline-block; font-weight: normal; font-size: 14px; width: 90px; height: 37px; cursor: pointer; background: url(./105_2.gif) no-repeat; }

</style>
</head>
<body>

<div class="printArea">
    
<!--startprint-->
<table id="firstTable" class="commonTable">
    <tr>
        <th></th>
        <th colspan="3">常住人口信息表</th>
        <th id="functionGroup">
            <a id="printBtn" οnclick="printPage()"></a>
            <span id="currentTime"></span>
        </th>
    </tr>
    <tr>
        <td class="labelTd" id="firstCell">人员状态</td>
        <td class="contentTd">在册</td>
        <td class="labelTd">人户一致性</td>
        <td class="contentTd">人户一致</td>
        <td class="imgTd" rowspan="5"><img src="./nophoto.jpg"></td>
    </tr>
    <tr>
        <td class="labelTd">姓名</td>
        <td class="contentTd colspan300Px" colspan="3">张三</td>
    </tr>
    <tr>
        <td class="labelTd">曾用名</td>
        <td class="contentTd colspan300Px" colspan="3">张四</td>
    </tr>
    <tr>
        <td class="labelTd">性别</td>
        <td class="contentTd">男</td>
        <td class="labelTd">名族</td>
        <td class="contentTd">汉族</td>
    </tr>
    <tr>
        <td class="labelTd">出生日期时间</td>
        <td class="contentTd colspan300Px" colspan="3">2014 年 06 月 02 日 0 时30 分</td>
    </tr>
</table>
<!--endprint-->

</div>
</body>
</html>



forwardNow
关注
专栏目录
js调用ie打印和预览功能
05-20
ie浏览器下，完整的描述用js调用ie打印预览的功能
JavaScript调用浏览器打印功能实例分析
12-07
本文实例讲述了JavaScript调用浏览器打印功能的方法。分享给大家供大家参考。具体如下： 1. 通用型,支持IE,Firefox,Chrome… 代码如下:window.print(); 2. 只支持IE打印： [removed] var print=function(){ /** ...
页面实现打印功能
士不可以不弘毅
11-29 116
[code="java"] CHEN .table{ text-align:center; } .Noprint{display:none;} .PageNext{page-break-after: always;} ...
Web打印的实现方法
xwchen的专栏
05-31 5741
目前，在做B/S结构程序开发的时候，最棘手和最令人头疼的问题之一就是Web打印。往往打印出来的效果和自己预期的效果相差甚远，那么怎样才能打印出自己想要的效果呢？本文阐述的方法将解决这一问题，从而使得Web打印变得简单易用。 我们知道要实现Web方式的打印不外乎三种方法：第一就是利用大家都熟悉的Office工具来实现Web打印，如利用Word或Excel的打印工具来实现Web打印，该方法的难点是
IE下利用js实现打印功能
Keven‘s Develop Blog
10-29 507
这主要是用到了IE的一个内置插件，在html代码的&lt;head&gt;中加入这句： &lt;OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height=0 id=wb name=wb width=0&gt;&lt;/OBJECT&gt;  这就是IE的内置插件。然后需要写一个样式，来表明不需要打印的地方，如下： &...
javascript调用ie打印机
曾皓
09-02 601
window.print()方法调用ie打印，但打印出来有页码和路径，所以需要用脚本修改注册表： var HKEY_Root,HKEY_Path,HKEY_Key;    HKEY_Root = "HKEY_CURRENT_USER\\";    HKEY_Path="Software\\Microsoft\\Internet Explorer\\PageSetup\\";    window.o...
ie浏览器 js调用 ocx 异步打印pdf、图片控件
06-09
在“ie浏览器 js调用 ocx 异步打印pdf、图片控件”的场景中，我们将探讨如何利用JavaScript调用OCX控件来实现异步打印功能，特别是针对PDF和图片文件。 首先，我们需要在Web服务器上部署这个OCX控件。部署过程包括...
js调用控件标签打印.rar
04-29
首先，"js调用控件标签打印.rar" 这个压缩包文件很可能是提供了一个解决方案，包含了必要的文件和文档，用于帮助开发者实现JS调用的标签打印功能。它可能包括： 1. **ActiveX控件**：ActiveX是微软开发的一种技术，...
js中实现IE的打印预览
weixin_30446613的博客
03-29 529
HTML中添加：<object id="WebBrowser" classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 width="0" height="0"> </object> js中调用下面的方法： WebBrowser.ExecWB(6,1) //打印 WebBrowser.ExecWB(7,1) //打印预...
用js调用ie的打印，如何实现连打
wszhenglei的博客
07-16 93
用js调用ie的打印，如何实现连打
js调用脚本实现打印预览
10-09
js实现打印预览!在IE浏览器中测试有效.值得下载看看!资源免费,大家分享!!
JS实现浏览器打印、打印预览示例
10-20
本篇文章主要介绍了JS实现浏览器打印、打印预览示例。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js打印（有设置和预览功能）
01-10
web开发中js打印是我们经常遇到的需求，上传一个试验过的实例（有设置和预览功能）
ie8打印不正常问题解决
12-21
提示 “ factory.printing 为空或不是对象”，这种现象是网页缺少安装必要的插件造成不能打印，一般情况下网页会提示安装控件， 如不能安装控件可能由以下原因造成： 1.IE网络等级设置过高，请降到中级或以下进行安装。 2.用户权限不是administration组的权限，无权进行安装。 3.病毒造成注册表被锁等。 如以上情况均不能安装，请用administration组权限用户从网络下载web打印控件ScriptX安装（见附件），并进入注册表进行如下修改： [HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\ActiveX Compatibility\{1663ed61-23eb-11d2-b92f-008048fdd814}] 打开里面的Compatibility Flags打数值数据改为0 regedit
JS实现IE下打印和打印预览
weixin_34124939的博客
11-17 197
http://blog.csdn.net/rongyongfeikai2/article/details/8460598 ———————————————————————————————————————————————————————————————————————————————— 首先，要定义两个button，打印和打印预览按钮。 [javascript] view plainco...
JS实现页面部分内容打印，兼容IE
csxjax的博客
02-20 638
JS实现页面部分内容打印，兼容IE 需要打印当前页面部分内容时，我这里采用了iframe的方式（不考虑替换当前页面内容，再还原的方式，问题较多） 在html代码中添加iframe： <iframe id="printf" src="" width="0" height="0" frameborder="0"></iframe> <script type="text/javascript"> function printPage() {
js调用打印机自动分页的功能（仅适用于IE浏览器）
weixin_34346099的博客
11-03 598
做个功能需要打印的时候添加分页，哪怕是内容不够也需要分页。 浏览器上显示 打印预览是这样的： 模拟打印出来是这样的 都是显示的是5页，方法很简单。在需要分页的位置加上一行代码： <div class="PageNext"></div> 　　css样式是这样的： .PageNext{page-break-after: always;...
打印功能（JS 调用浏览器）
热门推荐
scdncby的博客
08-29 2万+
1.调用浏览器，完成打印功能（IE，Google都支持【当前时间截点】） 打印当前页面，可以运用css做排版处理，隐藏一些不需要出现的东西   /*打印   */ function printDiv(value) {               window.print(); } html 类属性 class=“Noprn”  隐藏不想打印的内容  @media print 打印cs...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值