window.print()打印网页中指定内容的实现方法

最新推荐文章于 2024-02-01 15:38:43 发布

东桥小草

最新推荐文章于 2024-02-01 15:38:43 发布

阅读量2.1k

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/qq_31997407/article/details/79240778

本文介绍了一种通过JavaScript实现网页局部打印的方法。用户可通过特定的HTML注释标记选定需要打印的内容范围，再借助自定义的JavaScript函数实现精确打印。这种方法适用于需要提供定制化打印功能的网页应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一般直接使用window.print();是直接打印了整个页面，但只打印其中的一部分时就需要一些方法了

1、在页面的代码头部处加入JavaScript：

<script language=javascript>
function doPrint() { 
bdhtml=window.document.body.innerHTML; 
sprnstr="<!--startprint-->"; //开始打印标识字符串有17个字符
eprnstr="<!--endprint-->"; //结束打印标识字符串
prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17); //从开始打印标识之后的内容
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); //截取开始标识和结束标识之间的内容
window.document.body.innerHTML=prnhtml; //把需要打印的指定内容赋给body.innerHTML
window.print(); //调用浏览器的打印功能打印指定区域
window.document.body.innerHTML=bdhtml;//重新给页面内容赋值；
</script>
}

2、在页面正文处加上<!–startprint–>与<!–endprint–>标识。

也就是在需要用户打印保存的正文所对应的html处附加上。同时，如果采用小偷程序获得远程数据并需打印，可将此等数据置于该定义标签之内即可。

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

要打印的内容在<!–startprint–>startprint与endprint之间的区域<!–endprint–>里。
添加打印链接事件

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