zoukankan      html  css  js  c++  java
  • Jqprint实现页面打印

     

    Jqprint实现页面打印

    好些项目需要实现页面打印,特别是一些后台管理类系统,下面介绍一款轻量级的打印插件:
    1、实现页面打印要引入jQuery和Jqprint。点击下载Jqprint插件
    <script language="javascript" src="jquery-1.4.4.min.js"></script>
    <script language="javascript" src="jquery.jqprint-0.3.js"></script>
    2、HTML代码:
    <div id="ddd">
        <table>
            <tr>
                <td>test</td>
                <td>test</td>
                <td>test</td>
                <td>test</td>
                <td>test</td>
            </tr>
        </table>
    </div>
    <input type="button" onclick=" a()" value="打印"/>
    3、JavaScript代码:
    <script src="/static/jquery-2.1.4.min.js"></script>
    <script src="/static/jquery.jqprint-0.3.js"></script>
    <script>
        function a(){
            $("#ddd").jqprint({
                debug: false,
                importCSS: true,
                printContainer: true,
                operaSupport: false
            });
        }
    </script>
    4、属性
    1. debug: false,          //如果是true则可以显示iframe查看效果(iframe默认高和宽都很小,可以再源码中调大),默认是false  
    2. importCSS: true,       //true表示引进原来的页面的css,默认是true。(如果是true,先会找$("link[media=print]"),若没有会去找$("link")中的css文件)  
    3. printContainer: true,  //表示如果原来选择的对象必须被纳入打印(注意:设置为false可能会打破你的CSS规则)。  
    4. operaSupport: false    //表示如果插件也必须支持歌opera浏览器,在这种情况下,它提供了建立一个临时的打印选项卡。默认是true
    5、特殊打印样式
      如果在打印时需要独特的css样式,除了可以直接写在style属性内还可以通过
      <link href="printStyle.css" rel="stylesheet"type="text/css" media="print">
      来引用外部css文件中的样式。这样的好处是该样式只会在打印时才应用。
     
  • 相关阅读:
    URAL 2067 Friends and Berries (推理,数学)
    URAL 2070 Interesting Numbers (找规律)
    URAL 2073 Log Files (模拟)
    URAL 2069 Hard Rock (最短路)
    URAL 2068 Game of Nuts (博弈)
    URAL 2066 Simple Expression (水题,暴力)
    URAL 2065 Different Sums (找规律)
    UVa 1640 The Counting Problem (数学,区间计数)
    UVa 1630 Folding (区间DP)
    UVa 1629 Cake slicing (记忆化搜索)
  • 原文地址:https://www.cnblogs.com/wumingxiaoyao/p/8309703.html
Copyright © 2011-2022 走看看