zoukankan      html  css  js  c++  java
  • php部分:网页中报表的打印,并用CSS样式控制打印的部分;

    网页中报表的打印,是通过调用window对象中的print()方法实现打印功能的;

    调用浏览器本身的打印功能实现打印

    <a href="#" onclick="window.print()">打印</a>

    主要页面代码:查询nation表

    <body>
        <table border="1" cellspacing="0" cellpadding="0">
            <tr><th>代号</th><th>名称</th></tr>
            <tbody id="neirong"></tbody>
        </table>
        <a href="#" onclick="window.print()">打印</a>
    </body>
    </html>
    <script type="text/javascript">
        $.ajax({
            type:"post",
            url:"chuli.php",
            async:true,
            dataType:"TEXT",
            success:function(data)
            {
                var hang=data.split("|");
                var str="";
                for(var i=0;i<hang.length;i++)
                {
                    var lie=hang[i].split("^");
                    str=str+"<tr><td>"+lie[0]+"</td><td>"+lie[1]+"</td></tr>";
                }
                $("#neirong").html(str);
            }
        });
    </script>

    处理页面代码

    <?php
    include("../../gongju/DBDA.class.php");
    $db=new DBDA();
    $sql="select * from nation";
    echo $db->StrQuery($sql);
    
    ?>


    以上的内容,是打印浏览器显示页面所有的内容,但往往很多内容是不需要打印的,所以要加控制,用css样式控制打印内容

    <style>
    @media print { 
     .noprint { display: none } 
    “不打印部分的标签名”{display:none}
    例如:div{display:none} 表示div标签中的所有元素都不出现在打印行列

    还有表格的背景不打印:
    td,table{background:display:none} 即不打印的部分,设置其display:none; }
    </style> </head> <body> <p>我是需要打印的内容。但是不想打印出按钮</p> <button class="noprint" onclick="window.print()">打印文本</button> </body>
  • 相关阅读:
    au 批处理 声音 插入空白
    加载字体
    AS2 继承
    an 跳转各个fla发布的html,并控制声音播放与停止
    两界面之间跳转
    AS3 实现过滤数组/删除数组中的相同元素(记录6种方法)
    as3 updateAfterEvent的作用
    egret 白鹭引擎遇到的问题和解决方案
    mysql内连接、左连接、右连接举例说明
    mysql常用函数示例
  • 原文地址:https://www.cnblogs.com/xingyue1988/p/6388901.html
Copyright © 2011-2022 走看看