web 列印的終極秘籍（整理）

web|列印

　　通常在WEB 列印中都需要ScriptX.cab，這裡也是一樣，所以原理都是一樣的，這裡將要詳細說明的是，如何控制列印的問題。

列印的必須檔案有2個：

1：設定檔：setting.js
2：顯示檔案：print.js

setting.js 如下：

document.write("<object id=\"factory\" style=\"display:none\" viewastext classid=\"clsid:1663ed61-23eb-11d2-b92f-008048fdd814\" codebase=\"images/events/ScriptX.cab#Version=5,60,0,360\"></object>");
function Printers() {
agree = confirm('確定列印嗎?');
if (agree) {
if (agree)
{
NoPrinter.style.visibility='hidden';
factory.printing.Print();}
else NoPrinter.style.visibility='visible';
   }
}

  factory.printing.header = ""
  factory.printing.footer = ""
  factory.printing.leftMargin = 0.75
  factory.printing.topMargin = 0.75
  factory.printing.rightMargin = 0.75
  factory.printing.bottomMargin = 0.75

顯示檔案print.js 如下：

document.write('<style media="print">@media print { .noprint{display:none} } </style>');
/////////////////////////////////~~控制列印時不顯示按鈕的樣式，在頁面不需要列印的地方只需要引用該樣式即可
document.write('<div id=NoPrinter name=NoPrinter align=right style="visibility:visible" class="noprint"><br> ');
document.write('<input type=button class=button value=關閉 name="bFQ" id="bFQ" onclick=\"javascript\:window.close()\">');
document.write('<input  type="button" value="列印設定" onclick=\"factory.printing.PageSetup()\">');
document.write('<input type="button" value="預覽列印" onclick=\"factory.printing.Preview()\">');
document.write('<input type=button name=button3 value="列印" >    </div>');

在使用列印功能時，只要把檔案2個檔案包含在頁面中放置列印按鈕的地方即可，代碼如下：
    <script src="../inc/print/Printer.js"></script>
  <script src="../inc/print/Printers.js"></script>