js window.print实现打印特定控件或内容

来源：互联网发布：滑滑app软件下载编辑：程序博客网时间：2024/05/22 06:05

window.print可以打印网页，不过有时只希望打印特定控件或内容，如何实现呢？！

可以把要打印的内容放在div中，然后用下面的代码进行打印。

window.print打印指定div
首先，可以把要打印的内容放在div中，然后用下面的代码进行打印。

<html> <head> <script language="javascript"> function printdiv(printpage) { var headstr = "<html><head><title></title></head><body>"; var footstr = "</body>"; var newstr = document.all.item(printpage).innerHTML; var oldstr = document.body.innerHTML; document.body.innerHTML = headstr+newstr+footstr; window.print(); document.body.innerHTML = oldstr; return false; } //window.print打印指定div //by www.jbxue.com</script> <title>div print</title> </head><body> //HTML Page //Other content you wouldn't like to print <input name="b_print" type="button" class="ipt" onClick="printdiv('div_print');" value=" Print "> <div id="div_print"> <h1 style="Color:Red">The Div content which you want to print</h1> </div> //Other content you wouldn't like to print //Other content you wouldn't like to print </body> </html>