html页面打印+区域,实现web网页指定区域打印的三种方法

2025-10-25 14:55:08 今晚世界杯

通过本教程可以实现，将印web网页指定区域的内容，本教程将提供三种方法实现。

方法一：打印网页指定区域

HTML

在需要打印的内容

// 页面上的内容大小调整可以css调整或容器包容 打印容器内的内容就可以了

JS

function doPrint() {

bdhtml=window.document.body.innerHTML;

sprnstr="";

eprnstr="";

prnhtml=bdhtml.substr(bdhtml.indexOf(sprnstr)+17);

prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));

window.document.body.innerHTML=prnhtml;

window.print();

window.document.body.innerHTML=bdhtml;

}

方法二：指定打印区域

把要打印的内容放入一个span或div，然后通过一个函数打印。

代码如下：这里是要打印的内容

所有内容

div2的内容打印

function printme(){

document.body.innerHTML=document.getElementById('div1').innerHTML+''+document.getElementById('div2').innerHTML;

window.print();

}

方法三：使用CSS

定义一 个.noprint的class，将不打印的内容放入这个class内。

代码如下：

.noprint{visibility:hidden}

这 里是要打印的内容。

这里是不打印的内容。