jquery 浏览器打印

Posted zmztyas

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 浏览器打印相关的知识,希望对你有一定的参考价值。

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
    <script src="Scripts/jquery-1.10.2.js"></script>
    <script src="Scripts/jquery.PrintArea.js"></script>
    <script type="text/javascript">
        $(function () {
            //打印
            $("#btnPrint").bind("click", function (event) {
                $("#myPrintArea").printArea();
            });
           
        })
    </script>
</head>
<body>
    <div id="myPrintArea">
        <div>.....文本打印部分.....</div>
        <div>
            <table>
                <tr>
                    <td>这是一张表</td>
                    <td>这是一张表</td>
                </tr>
                <tr>
                    <td>这是一张表</td>
                    <td>这是一张表</td>
                </tr>
            </table>

        </div>
    </div>
    <div class="quote_title">引用</div><div class="quote_div"></div> 
    <input type=button class="noprint" id="btnPrint" value=" 打 印 "> <!--onclick=javascript:window.print()-->
</body>
</html>

 

以上是关于jquery 浏览器打印的主要内容,如果未能解决你的问题,请参考以下文章

十条jQuery代码片段助力Web开发效率提升

几个非常实用的JQuery代码片段

在jQuery和JavaScript中,实现转跳

php header在浏览器上打印完整的html代码

argparse 代码片段只打印部分日志

jQuery应用 代码片段