JS实现局部打印和预览:
第一种:
JS 实现简单的页面局部打印function preview(oper)
{
if (oper < 10)...{
bdhtml=window.document.body.innerHTML;//获取当前页的html代码
sprnstr="";//设置打印开始区域
eprnstr="";//设置打印结束区域
prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html
window.document.body.innerHTML=prnhtml;
window.print();
window.document.body.innerHTML=bdhtml;
} else {
window.print();
}
}
使用很简单 将页面内要打印的内容加入中间XXXXX
再加个打印按纽 οnclick=preview(1)
第二中:
下面就是实现局部打印的代码,跟大家分享一下,希望能够对大家有所帮助。function Printpart(id_str)//id-str 内容中的id
{
var el = document.getElementById(id_str);
var iframe = document.createElement('IFRAME');
var doc = null;
iframe.setAttribute('style', 'position:absolute;width:0px;height:0px;left:-500px;top:-500px;');
document.body.appendChild(iframe);
doc = iframe.contentWindow.document;
doc.write('
doc.close();
iframe.contentWindow.focus();
iframe.contentWindow.print();
if (navigator.userAgent.indexOf("MSIE") > 0)
{
document.body.removeChild(iframe);
}
}
将要想打印局部内容,将包含内容的标签ID 当参数放入函数就可以了。var doc = iframe.contentWindow.document;
Elf.controls.appendTo(paperHeader,doc.body);
Elf.controls.appendTo(ele,doc.body);
doc.close();
iframe.contentWindow.focus();
iframe.contentWindow.print();