您现在的位置: 万盛学电脑网 >> 程序编程 >> 脚本专题 >> javascript >> 正文

window.print打印指定div实例代码

作者:佚名    责任编辑:admin    更新时间:2022-06-22

 window.print可以打印网页,但有时候我们只希望打印特定控件或内容,怎么办呢,请看下面的例子

首先我们可以把要打印的内容放在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; } </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>