熱點推薦:
您现在的位置: 電腦知識網 >> 編程 >> Java編程 >> Javascript >> 正文

調用IE內置打印組件完成web打印方案及例程

2013-11-23 17:55:06  來源: Javascript 

  重點

  <OBJECT id=WebBrowser classid=CLSID:FADABCFDA height= width= VIEWASTEXT>
   </OBJECT>
  <input type=button value=打印   onclick=documentallWebBrowserExecWB() class=NOPRINT>
  <input type=button value=直接打印 onclick=documentallWebBrowserExecWB() class=NOPRINT>
  <input type=button value=頁面設置 onclick=documentallWebBrowserExecWB() class=NOPRINT>
  <input type=button value=打印預覽 onclick=documentallWebBrowserExecWB() class=NOPRINT>

  注意
  CSS對打印的控制
  <!media=print 這個屬性可以在打印時有效>
  <style media=print>
  Noprint{display:none;}
  PageNext{pagebreakafter: always;}
  </style>

  Noprint樣式可以使頁面上的打印按鈕等不出現在打印頁面上這一點非常重要因為它可以用最少的代碼完成最需要的功能

  PageNext樣式可以設置分頁在需要分頁的地方<div class=PageNext></div>就OK了呵呵

  表格線粗細的設置更是通過樣式表

  <style>
  tdp
  {
    borderbottom: solid #;
    borderleft:  solid #;
    borderright:  solid #ffffff;
    bordertop: solid #ffffff;
  }
  tabp
  {
    bordercolor: #;

      bordercollapse:collapse;
  }
  </style>

  或者

  <style>
  TdCs {
      border:solid windowtext pt;
  }
  TdCs {
      border:solid windowtext pt; borderleft:none;
  }
  TdCs {
      bordertop:none;
      borderleft:solid windowtext pt;
      borderbottom:solid windowtext pt;
       borderright:solid windowtext pt;
  }
  TdCs {
      bordertop:none;
      borderleft:none;
      borderbottom:solid windowtext pt;
       borderright:solid windowtext pt;
  }
  underline {
      bordertopstyle: none;
      borderrightstyle: none;
      borderbottomstyle: solid;
      borderleftstyle: none;
      borderbottomcolor: #;
  }
  </style>


From:http://tw.wingwit.com/Article/program/Java/Javascript/201311/25359.html
    推薦文章
    Copyright © 2005-2013 電腦知識網 Computer Knowledge   All rights reserved.