JavaScript实现网页局部内容打印的方法

JavaScript实现网页局部内容打印的方法

常规打印操作通常直接调用 window.print(); 以输出整个页面。若需仅打印网页中定义的特定部分，可采用以下技术方案。

首先，在页面的代码头部引入JavaScript脚本。

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>

其次，在页面正文需要打印的区域HTML代码前后分别添加 <!--startprint--> 与 <!--endprint--> 标识符。

即在使用者希望打印保存的正文对应的HTML处附加上述标记。若涉及通过小偷程序获取远程数据并需打印，可将这些数据置于该定义标签内部即可。

最后，截取内容部分已完成，现在加个“打印”的链接：

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