码迷,mamicode.com
首页 > Web开发 > 详细

js ScripX插件打印

时间:2017-12-01 14:22:40      阅读:225      评论:0      收藏:0      [点我收藏+]

标签: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插件打印

标签:scriptx插件   web打印   

原文地址:http://blog.51cto.com/10556290/2046403

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!