如何打印网页中的某部分内容

卡巴lala

一般情况下打印是使用 window.print();函数直接打印整页，但如果需要打印网页中定义的部分内容，则可使用如下的方法，具体方法如下：
1、在页面的代码头部处加入JavaScript：
复制内容到剪贴板
代码:
<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();

}
</script>
2、在页面正文处加上<!--startprint-->与<!--endprint-->标识
也就是在需要用户打印保存的正文所对应的html处附加上。同时，如果采用小偷程序获得远程数据并需打印，可将此等数据置于该定义标签之内即可。
3、截取内容部分已完成，现在加个“打印”的链接：
复制内容到剪贴板
代码:
<a href="javascript:;" onClick="doPrint()">打印</a>

<script language=javascript>
function doPrint() {
bdhtml=window.document.body.innerHTML;
sprnstr="<!--startprint-->";
eprnstr="<!--endprint-->";
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));
window.document.body.innerHTML=prnhtml;
window.print();
}
</script>
要打印的内容在<!--startprint-->startprint与endprint之间的区域<!--endprint-->里。

<a href="javascript:;" onClick="doPrint()">打印</a>

rRtUIQBd

这技巧的确是牛的不得了...

可是,
带来了一个新问题:
执行完 window.document.body.innerHTML=prnhtml;  之后,
页面的BODY就会同时发生变化.
如果执行打印这个操作不是页面的生命周期末尾,
打印后还要其他操作的话,
就会比较尴尬了.

能否动态创建一个小<iframe>,
将打印的内容放到<iframe>中,

enbbioq

非常感謝^^

xqkZOjuK

不错。收藏了

xunchi88

3#说的很对，这个方法替换body后，页面看到刷新转换页面很明显，不好