本文介绍了一种局部打印网页的方法，通过使用JavaScript修改DOM结构，仅打印指定div元素内的内容，适用于需要精确控制打印范围的场景。
默认的window.print是打印整个页面，当我们想要打印局部页面时就需要对这个方法进行修饰。
首先，给一个button添加点击事件
onclick=“printData（‘print’）;”
然后，你所需要打印的内容用一个div包住，该div的id=“print”
最后，添加一个js事件，将该div封装成一个页面，再调用打印功能。
<script>
function printData(print){
var head = "<html><head><title></title></head></html><body>";
var foot="</body>";
var news = document.all.item(print).innerHTML;
document.body.innerHTML=head+news+foot;
window.print();
}</script>
打印出来以后会有时间URL等信息，谷歌浏览器在打印界面里的更多设置的边框选项可以去掉这些信息。
扫一扫
4284
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
