首页 >> WEB开发

js(jquery)打印指定区域内容

2012-07-10 13:19:42 

 
js(jquery)打印指定区域内容:
<html> <head>
    <title>jquery 打印指定区域内容</title>
    <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
    <script type="text/javascript">
        function printHtml(html) {
            var bodyHtml = document.body.innerHTML;
            document.body.innerHTML = html;
            window.print();
            document.body.innerHTML = bodyHtml;
        }
        function onprint() {
            var html = $("#printArea").html();
            printHtml(html);
        }
    </script>
</head>
<body>
    <div>
        <div id="printArea" style="width: 500px; text-align: left;">
            打印区域~~~~
        </div>
        <br />
        <div>
            <input type="button" id="btnPrint" onclick="onprint()" value="print" />
        </div>
    </div>
</body>
</html>