javascript and printer

6007 ワード

JavaScript

1.直接window.printを呼び出します.

2.部分ページのみ印刷できます.(個人的には一番好きです.)
ページの内容:

<html>
...
<body>

    <!-- some content -->

    <!--startprint-->
        print context
    <!--endprint-->

    <!-- some content -->

</body>
</html>

javascriptコード:

<script type="text/javascript">
function printView(){
    bdhtml=window.document.body.innerHTML;
    sprnstr="<!--startprint-->"; //             
    eprnstr="<!--endprint-->"; //   ...
    prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
    prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
    window.document.body.innerHTML=prnhtml;
    window.print();
    window.document.body.innerHTML=bdhtml;
}

</script>

3.IEWebBrowserコンポーネント:

<OBJECT classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2 height=0 id=WebBrowser width=0></OBJECT>  
   1. <input name=Button onClick=document.all.WebBrowser.ExecWB(1,1) type=button value=  >
   2. <input name=Button onClick=document.all.WebBrowser.ExecWB(2,1) type=button value=    >
   3. <input name=Button onClick=document.all.WebBrowser.ExecWB(4,1) type=button value=   >  
   4. <input name=Button onClick=document.all.WebBrowser.ExecWB(6,1) type=button value=  >
   5. <input name=Button onClick=document.all.WebBrowser.ExecWB(6,6) type=button value=    >
   6. <input name=Button onClick=document.all.WebBrowser.ExecWB(7,1) type=button value=    >
   7. <input name=Button onClick=document.all.WebBrowser.ExecWB(8,1) type=button value=    >
   8. <input name=Button onClick=document.all.WebBrowser.ExecWB(10,1) type=button value=  >
9. <input name=Button onClick=document.all.WebBrowser.ExecWB(17,1) type=button value=  >
10. <input name=Button onClick=document.all.WebBrowser.ExecWB(22,1) type=button value=  >
11. <input name=Button onClick=document.all.WebBrowser.ExecWB(45,1) type=button value=  >

4.Script X.cbコントロール1を使用して、Script X.cbコントロール公式サイトをダウンロードします.http://www.meadroid.com/scriptx/index.asp 2.object元素を使って、codebaseを修正し、ここでコントロールScript X.cb Javaコードを呼び出します.〈OBJECT id id=「factory」style=「DISPLAY:none」codeBase=「{rootUrl}js/sssx.cb 08:"Vversion=6,43 f"view astext>このコードはcabファイルをロードするために使われています.clsidとcodebaseはあなたがダウンロードしたcabの中の情報に対応しなければなりません.そうでなければ、コンポーネントのロードが間違っています.この二つは実は見つけにくくないです.windrarでダウンロードしたcabファイルを開けば、拡張子はinfのファイルです.3.コントロールスクリプトPrint.jsファイルJavaコードを呼び出す

  1. function setPrintBase(headerText,footerText,rootUrl) {
   2.  
   3.     // -- advanced features ，     ，    。
   4.  
   5.         //factory.printing.SetMarginMeasure(2); // measure margins in inches
   6.  
   7.         //factory.SetPageRange(false, 1, 3);// need pages from 1 to 3
   8.  
   9.         //factory.printing.printer = "HP DeskJet 870C";
10.  
11.         //factory.printing.copies = 2;
12.  
13.         //factory.printing.collate = true;
14.  
15.         //factory.printing.paperSize = "A4";
16.  
17.         //factory.printing.paperSource = "Manual feed"
18.  
19.     var header = (headerText==null||headerText=="")?'    ':headerText;
20.  
21.     var footer = (footerText==null||footerText=="")?'    ':footerText;
22.  
23.   factory.printing.header = "&b"+header+"&b" ;
24.  
25.   factory.printing.footer = "&b"+footer;
26.  
27.   factory.printing.portrait = true;
28.  
29.   factory.printing.leftMargin =10.00;
30.  
31.   factory.printing.topMargin =10.00;
32.  
33.   factory.printing.rightMargin =10.00;
34.  
35.   factory.printing.bottomMargin =10.00;
36.  
37. }

テストコード:

<%@ page contentType="text/html;charset=GBK"%>

<html>
<head>
<meta http-equiv="imagetoolbar" content="no">
<script language="javascript" src="print.js"></script>
<style media="print">
.Noprint   {DISPLAY:   none;}
</style>
<title>    </title>
</head>
<OBJECT id="factory" style="DISPLAY: none" codeBase="smsx.cab#VVersion=6,3,435,20" classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext></OBJECT>

<script defer>
function window.onload() {  
setPrintBase('  ','  ');
}
</script>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<center class="Noprint">
<input type=button value="  " onclick="factory.printing.Print(true)">
<input type=button value="    " onclick="factory.printing.PageSetup()">
<input type=button value="    " onclick="factory.printing.Preview()">          
<input type="button" value="  " onclick="window.close();">
</center>
   <center>
      <table width="100%" border="0" cellpadding="0" cellspacing="0">
          <tr><td align="center"><b>  </b></td></tr>
       </table>
    </center>
</body>
</html>

Javascript特殊な対象声明とthisスコープ