1. 程式人生 > >js ScripX插件打印

js ScripX插件打印

scriptx插件 web打印

1,ScriptX插件初次使用都要先下載安裝,壓縮包直接放在項目裏庵後運行,打開頁面根據提示安裝就可以了;


2,在**head中引入**

  @media   screen{.onlyPrint{display:none}}   
  @media   print{.onlyShow{display:none}   .onlyPrint{page-break-before:always}}

然後剩下的js操作就可以了;


3,

function printsetup() {
        // 打印頁面設置 
        factory.printing.PageSetup();
    }
    function doPrint() {
    if (confirm('確定打印嗎?')) {
        document.all.factory.printing.header = ""; //頁眉
        document.all.factory.printing.footer = ""; //頁腳
        //設置邊距
        document.all.factory.printing.leftMargin = 19.05;//left
        document.all.factory.printing.topMargin = 19.05;//top
        document.all.factory.printing.rightMargin = 19.05;//right
        document.all.factory.printing.bottomMargin = 19.05;//bottom
        document.all.factory.printing.portrait = false; //橫向打印
        document.all.factory.printing.Print(false); //只打印當前frame,不管是否隱藏
        }
    }
<center class=aaa>
<input onclick=javascript:printsetup(); type=button value=打印頁面設置 name=button_setup /> 
<input onclick=javascript:doPrint(); type=button value=打印 name=button_print /> 
</center>



根據自己實際情況設置初始參數,如需保存更改的打印設置的參數,可以考慮使用JavaScript設置cookie進行操作。



js ScripX插件打印