zoukankan      html  css  js  c++  java
  • js调用浏览器“打印”与“打印预览”

      用到html <object>标签,具体做法如下:

      1、在html文档任意位置添加<object>标签:

    <div style="border: 1px solid #000; height:40px;100%" class="noprint">
         ...
            <OBJECT classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2" height="0" id="wb" name="wb" width="0"></OBJECT>
            ...
    </div>
    

       2、添加两个按钮:“打印”、“打印预览”,只是为了方便测试,可以添加任意个:

    <a id="lkprint" onclick="printhtml();" sytle="height:20px">打印</a>
    <a id="lkprintPreview" onclick="printpreview();" style="height:20px">打印预览</a>
    

      3、实现以上两个按钮的onclick事件:

     // 打印预览
     function printpreview() {
         wb.execwb(7, 1);
     }
     // 打印
     function printhtml() {
         if (confirm('确定打印吗?')) {
             wb.execwb(6, 1);
         }
     }
    //------------------------------------------------------------------------------------------------------------
      // 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)//关闭窗体无提示

      4、选择打印区域局部打印,比如我们想让“打印”和“打印预览”两个按钮不出现在被打印的区域,可以设置css属性:media=print(设置这个是为了不被打印,只负责显示),media=screen(既可以显示,也可以被打印)。

    <style type="text/css" media=print>
        .noprint {
            display:none // 被打印时的样式
        }
    </style>
    
    <div style="border: 1px solid #000; height:40px;100%" class="noprint"> 
      <a id="lkprint" onclick="printhtml();" sytle="height:20px">打印</a>
      <a id="lkprintPreview" onclick="printpreview();" style="height:20px">打印预览</a>
    </div>
    

     注意:此方法只适用与ie浏览器(支持ie内核)

  • 相关阅读:
    solr dataimport 数据导入源码分析(九)
    正确理解ThreadLocal
    solr dataimport 数据导入源码分析(六)
    solr dataimport 数据导入源码分析(七)
    solr dataimport 数据导入源码分析(八)
    solr dataimport 数据导入源码分析(一)
    solr dataimport 数据导入源码分析(五)
    OpenGL光照、键盘
    OpenGL着色
    OpenGL纹理映射
  • 原文地址:https://www.cnblogs.com/chenboaixuexi/p/8137232.html
Copyright © 2011-2022 走看看