日期:2014-05-17  浏览次数:20722 次

HTML局部打印
如题,,在网上看了很多代码,很多都是没注释,看不是很懂
现求 有关 HTML局部打印 的代码,最好要有注释,不然小弟看不明白,,菜鸟来的小弟

------解决方案--------------------
function printPage()
{
var bdhtml=window.document.body.innerHTML;//获取当前页的html代码,用于保存原来的网页
var sprnstr="<!--startprint-->";//设置打印开始区域(在要打印的html上设置要打印的区域开始)
var eprnstr="<!--endprint-->";//设置打印结束区域(在要打印的html上设置要打印的区域结束)
var prnhtml=bdhtml.substring(bdhtml.indexOf(sprnstr)+18); //从开始代码向后取html
prnhtml=prnhtml.substring(0,prnhtml.indexOf(eprnstr));//从结束代码向前取html,这样就获取到了需要的局部页面

window.document.body.innerHTML=prnhtml;//把修改后的局部html替换当前网页
window.print(); //进行局部打印
window.document.body.innerHTML=bdhtml; //打印结束后,把原来的网页替换回来
}

在html中设置需要打印的地方,像这样设置

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk"/>
<meta http-equiv="Content-Language" content="zh-CN" />
<title>索沛</title>
</head>
<body>
111111111111
<!--startprint-->
222222222222
<!--endprint-->
333333333333
</body>
</html>

其中 <!--startprint--> 和 <!--endprint--> 之间的内容就是要打印的地方