jQuery控制網(wǎng)頁打印指定區(qū)域的方法

字號:


    使用jQuery控制網(wǎng)頁打印指定的區(qū)域,可以指定一個div區(qū)域的id即可實(shí)現(xiàn)打印網(wǎng)頁的部分內(nèi)容,如下代碼所示:
    <html>
    <head>
    <title>jquery 打印指定區(qū)域內(nèi)容</title>
    <script src="js/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;">
    打印區(qū)域~~~~
    </div>
    <br />
    <div>
    <input type="button" id="btnPrint"
    onclick="onprint()" value="print" />
    </div>
    </div>
    </body>
    </html>