JavaScript的列印技術體會

最後更新：2018-12-06 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

1.列印某個frame的內容（frameB）
    <html>
    <frameset rows="20%,*">
        <frame SRC="framea.htm" name="FrameA" noresize>
        <frame SRC="frameb.htm" name="FrameB" noresize>
    <noframes>
    <body>
    </body>
    </noframes>
    </frameset>
    </html>

frameA中添加
<input type="button" value="Print the other frame" onclick="parent.frameB.print();">

2.列印某個對象中的內容，如textbox中的內容
    frameA:
    <html><head>
     </head>
    <body>
    <form name="formB" action="javascript:window.print()">
        <input type="text" name="textboxb" size="12" value="Print Me">
    </form>
    </body></html>
frameB:
    <html><head>
    <script>
    function printotherframe()
    {
        parent.FrameB.formB.textboxb.focus()
        parent.FrameB.formB.submit()
    }
    </script>
    </head><body>
        <form name="formA"><input type="button" value="Print the other frame" onclick="printotherframe()">
    </body></html>

3.列印非當前頁
技術同上，只是在frame顯示中動一點點騙人的手腳
    <frameset rows="100%,*">
    <frame src="controlpage.html">
    <frame src="pagetoprint.html">
    </frameset>

4.統一頁首頁尾
    <script language="Javascript"><!--
    function doprint() {
      //save existing user's info
      var h = factory.printing.header;
      var f = factory.printing.footer;
      //hide the button
      document.all("printbtn").style.visibility = 'hidden';
      //set header and footer to blank
　　// -- advanced features
　　factory.printing.SetMarginMeasure(2) // measure margins in inches
　　factory.SetPageRange(false, 1, 3) // need pages from 1 to 3
　　factory.printing.printer = "HP DeskJet 870C"
　　factory.printing.copies = 2
　　factory.printing.collate = true
　　factory.printing.paperSize = "A4"
　　factory.printing.paperSource = "Manual feed" //付費才能用。

      factory.printing.header = "";
      factory.printing.footer = "";
      factory.printing.portrait=true; // factory.printing.portrait = false; 橫，縱紙張設定
      //print page without prompt
      factory.DoPrint(false);
      //restore user's info
      factory.printing.header = h;
      factory.printing.footer = f;
      //show the print button
      document.all("printbtn").style.visibility = 'visible';
    }
    //--></script>
    <body>
    <br><br><br>
    <object id=factory style="display:none"  classid="clsid:1663ed61-23eb-11d2-b92f-008048fdd814" viewastext codebase="ScriptX.cab#Version=5,0,4,185">
    </object>
    <br><br>
    <div id="printbtn"><input name=idPrint type=button value="Print the letter" onclick="doprint()"></div>
    </body>

5.開啟新視窗並自動列印
    <object id=WBControl width=0 height=0 classid=CLSID:8856F961-340A-11D0-A96B-00C04FD705A2></object>
    <script language=VBScript></script>

//設定在body onload中時，系統將自動回復原來的列印設定

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More