本文實例講述了jQuery控制網(wǎng)頁打印指定區(qū)域的方法。分享給大家供大家參考。具體分析如下:
使用jQuery控制網(wǎng)頁打印指定的區(qū)域,可以指定一個div區(qū)域的id即可實現(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>希望本文所述對大家的jQuery程序設(shè)計有所幫助。
新聞熱點
疑難解答