打印方面总结,html打印设置,Web打印的解决方案

打印首先需要对浏览器进行页面设置去掉多余项:打开ie浏览器,点开工具按钮,打印--页面设置--页眉和页脚(里面都设置为空)

1.插件打印(jqprint)

参考: http://www.jq22.com/jquery-info347

注:这一方法的弊端是只能直接打印,无法自动适应纸张的大小

2.依赖新建页面并打印

 //作用:打印页
    function PrintPage() {
        var pwin=window.open("","print"+new Date().getTime()); //新打开一个页面,加上new Date().getTime()是为了防止页面同名只显示一个
        pwin.document.write(print_box_max.innerHTML);//print_box_max是打印区域的id
        PageSetup_Null();//设置页眉和页脚为空
        pwin.focus();
        pwin.document.close();  //这句很重要,没有就无法实现
        pwin.print();
    }
    
    var HKEY_Root,HKEY_Path,HKEY_Key;
    HKEY_Root="HKEY_CURRENT_USER";
    HKEY_Path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\";
    //设置网页打印的页眉页脚为空 ,仅IE浏览器可用
    function PageSetup_Null()
    {
        try
        {
            var Wsh=new ActiveXObject("WScript.Shell");
            HKEY_Key="header";
            Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
            HKEY_Key="footer";
            Wsh.RegWrite(HKEY_Root+HKEY_Path+HKEY_Key,"");
        }
        catch(e)
        {}
    }

注意:
在打印的时候可以对页面设置两种css,一种用于显示,一种用于打印,打印的文件要带有media="print"属性,即

 <link href="/css/sendoc.print.css" rel="stylesheet" media="print">

如果需要新打开页面记得吧样式放在id包裹的内容里

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5? 答:HTML5是最新的HTML标准。 注意:讲述HT...
    kismetajun阅读 28,018评论 1 45
  • 选择qi:是表达式 标签选择器 类选择器 属性选择器 继承属性: color,font,text-align,li...
    love2013阅读 6,835评论 0 11
  • 前端开发面试题 <a name='preface'>前言</a> 只看问题点这里 看全部问题和答案点这里 本文由我...
    自you是敏感词阅读 4,196评论 0 3
  • 昨晚因为加班到很晚加上一段时间的疲劳累加睡在了单位。可没曾想到寝室室友值班,在我即将洗刷一天的疲劳时回寝室来就寝了...
    朴然阅读 773评论 0 0
  • 烟花,美丽而短暂,却温暖和慰藉了无数人的心,从此在心中播下美好的种子,如珍珠在河蚌里慢慢滋养长大。踮起脚尖,仰望夜...
    田小姣阅读 1,904评论 0 0