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

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

<div style="border: 1px solid #000; height:40px;width:100%" class="noprint">
     ...
        <OBJECT class></OBJECT>
        ...
</div>

 

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

<a >打印</a>
<a >打印预览</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;width:100%" class="noprint"> 
  <a >打印</a>
  <a >打印预览</a>
</div>

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

相关文章:

  • 2021-12-13
  • 2022-12-23
  • 2021-08-01
  • 2021-06-11
  • 2021-11-15
  • 2022-12-23
猜你喜欢
  • 2021-08-22
  • 2022-12-23
  • 2021-12-03
  • 2021-06-13
  • 2021-06-21
相关资源
相似解决方案