指定范围实现打印

网页指定区域打印方法

最新推荐文章于 2023-10-10 13:22:43 发布

原创最新推荐文章于 2023-10-10 13:22:43 发布 · 217 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JSP #框架 #JavaScript #CSS #HTML #ViewUI

开发经验专栏收录该内容

4 篇文章

订阅专栏

本文介绍了一种在网页上实现指定区域打印的功能，通过JavaScript函数`Printz`结合特定的开始和结束标记来限定打印范围，并通过隐藏字段保存原始页面内容，确保了样式和布局在打印过程中的正确性。

指定范围打印功能实现：解决要打印的页面是一个子框架，如果使用原始的方法，则默认打印整个页面(即整个框架);

所以我们使用div打印方法：如下-》

准备：

1.common.js

function Printz(s)
{
bdhtml=window.document.body.innerHTML; 
old_html=bdhtml;
sprnstr="<!--startprint-->"; 
eprnstr="<!--endprint-->"; 
prnhtml="<table align=\"center\"><tr><td><font size=\"+3\">"+s+"</font></td></tr></table>";
prnhtml=prnhtml+bdhtml.substr(bdhtml.indexOf(sprnstr)+17); 
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr)); 
window.document.body.innerHTML=prnhtml; 
document.getElementById("yhtml").value= old_html;
window.open('../../../print.jsp','打印','height=700, width=800, top=0, left=0');
//window.document.body.innerHTML=old_html; 
} 指向print.jsp页面

2.准备print.jsp页面：

3.使用打印功能：

a. <script type="text/javascript" src="<%=basePath%>function.js"></script>

b. ......  指定打印范围！

c.将字段：<input type="hidden" id="yhtml"> 放入到范围中！

d.打印按钮事件：

printInfo(){

Printz(' ');//空格

}

注意：此种打印可能不支持表格上的样式或或者css样式