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

最新推荐文章于 2025-09-10 14:01:38 发布

最新推荐文章于 2025-09-10 14:01:38 发布 · 2.3k 阅读

文章标签：

#JavaScript #HTML #ViewUI

Ajax 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种通过JavaScript实现网页局部内容打印的方法。首先，在页面头部加入JavaScript函数doPrint，用于定位并提取需要打印的内容；其次，在希望打印的内容前后分别加入注释标记；最后，设置打印链接，点击后执行doPrint函数完成打印。

一般情况下打印是使用 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、在页面正文处加上与标识
也就是在需要用户打印保存的正文所对应的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与endprint之间的区域里。
<a href="javascript:;" onClick="doPrint()">打印</a>