jQuery控制网页打印指定区域的方法
本文实例讲述了jQuery控制网页打印指定区域的方法。分享给大家供大家参考。具体分析如下:
使用jQuery控制网页打印指定的区域,可以指定一个div区域的id即可实现打印网页的部分内容,如下代码所示:
<html> <head> <title>jquery打印指定区域内容</title> <scriptsrc="js/jquery-1.7.2.min.js"></script> <scripttype="text/javascript"> functionprintHtml(html){ varbodyHtml=document.body.innerHTML; document.body.innerHTML=html; window.print(); document.body.innerHTML=bodyHtml; } functiononprint(){ varhtml=$("#printArea").html(); printHtml(html); } </script> </head> <body> <div> <divid="printArea" style="width:500px;text-align:left;"> 打印区域~~~~ </div> <br/> <div> <inputtype="button"id="btnPrint" onclick="onprint()"value="print"/> </div> </div> </body> </html>
希望本文所述对大家的jQuery程序设计有所帮助。