javascript结合WebBrowser实现打印预览、直接打印、页

本文介绍如何利用内置的WebBrowser组件在JavaScript中实现页面打印、预览及页面设置等功能。通过简单示例展示了如何调用WebBrowser的ExecWB方法来完成这些操作。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

javascript中的print函数实现了直接打印页面元素的功能,可是并没有实现页面预览、页面设置等功能。要实现它们需要借助于微软的WebBrowser组件。 WebBrowser已经内置于ie中,客户端不需要
  

javascript中的print函数实现了直接打印页面元素的功能,可是并没有实现页面预览、页面设置等功能。要实现它们需要借助于微软的WebBrowser组件。

WebBrowser已经内置于ie中,客户端不需要安装,我们只需要在页面中引用就OK了。

 

以下为引用的内容:
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">

    <script language="javascript" type="text/javascript">
    <!--
    //打印预览
     function   printPreview()  
      {  
        var   e   =   event.srcElement;  
        e.style.visibility   =   "hidden"; 
         document.getElementById("btnPrint").style.display="none";
        document.all.WebBrowser1.ExecWB(7,1);
        e.style.visibility   =   "visible";
        document.getElementById("btnPrint").style.display=""; 
      } 
      
    //页面设置
    function pageSet()  
      {  
        document.all.WebBrowser1.ExecWB(8,1);
      }  
     
    //另存为
    function print()  
      {  
        var   e   =   event.srcElement;  
        e.style.visibility   =   "hidden"; 
         document.getElementById("btnPreview").style.display="none";
        document.all.WebBrowser1.ExecWB(4,1);
        e.style.visibility   =   "visible";  
        document.getElementById("btnPreview").style.display="";
      }  
     
    function RdlcPrint(RDLCName) //打印函数
    {
        var RdlcFrame=window.frames['ReportFrame'+RDLCName].frames['report']//两个Frame嵌套。。
        RdlcFrame.focus();//此句必须
        RdlcFrame.print();//打印
    }

    function Button2_onclick() //实现打印
    {
        RdlcPrint('ReportViewer1');
    }


    -->
    </script>

</head>
<body>
    <form id="form1" runat="server">
        <input id="btnPreview" type="button" value="打印预览" onclick="printPreview()" />
        <input id="btnPrint" type="button" value="打印设置" onclick="pageSet()" />
        <object id="WebBrowser1" width="0" height="0" classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2">
        </object>
     
    </form>
</body>
</html>

javascript对WebBrowser的操作设置其它功能:
 <input   name=Button   onClick=document.all.WebBrowser.ExecWB(4,1)   type=button   value=另存为>    
  <input   name=Button   onClick=document.all.WebBrowser.ExecWB(17,1)   type=button   value=全选>  
  <input   name=Button   onClick=document.all.WebBrowser.ExecWB(10,1)   type=button   value=属性>  
  <input   name=Button   onClick=document.all.WebBrowser.ExecWB(6,1)   type=button   value=打印>  
  <input   name=Button   onClick=document.all.WebBrowser.ExecWB(6,6)   type=button   value=直接打印>  
  <input   name=Button   onClick=document.all.WebBrowser.ExecWB(8,1)   type=button   value=页面设置>  
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值