15
2014
04

利用window.print打印网页内指定的块内容

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>
<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>
</body>
</html>


« 上一篇 下一篇 »

发表评论:

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。